Làm thế nào để tạo phần tử liên kết với hình ảnh dưới dạng neo với jquery?

Question

tôi biết làm thế nào để tạo ra các yếu tố với jquery sử dụng một cái gì đó như:

$('<div/>').appendTo('body'); 

Làm thế nào tôi có thể tạo này:

<a href=""><img src="" /></a> 

Sử dụng kỹ thuật tương tự?

Answer 1

$('<img />').attr({ 
    src:'some image url', 
    width:'width in intiger', 
    height:'integer' 
}).appendTo($('<a />').attr({ 
    href:'somelink' 
}).appendTo($('#someElement'))); 

Answer 2

Trước tiên, bạn có thể chọn phần tử html bằng cách sử dụng jquery và sau đó sử dụng phương thức "html()" để đặt html mong muốn. Đây là mẫu:

$('div.demo-container') 
    .html('<a href=""><img src="" /></a>'); 

Điều duy nhất là bạn có thể xác định duy nhất div mong muốn mà bạn muốn thay đổi. Có thể bằng cách đặt id hoặc class.

Answer 3

Vâng .. bạn có thể làm: $('<a href="http://mysite.com"><img src="/img/img.jpg" /></a>').appendTo('#myDIV')

Answer 4

Trước tiên, bạn cần phải tìm ra nếu có một yếu tố gói xung quanh nơi bạn muốn tiêm nội dung này. Trong jquery bạn sẽ sử dụng các chức năng:

$('.inner').append('<p>Test</p>'); 

Hãy nói điều này là yếu tố dom của bạn:

<h2>Greetings</h2> 
    <div class="container"> 
    <div class="inner">Hello</div> 
    <div class="inner">Goodbye</div> 
</div> 

Bất kỳ mục có lớp ".inner" bây giờ sẽ được gắn một đoạn văn với chữ "thử nghiệm "

<h2>Greetings</h2> 
    <div class="container"> 
    <div class="inner"> 
     Hello 
     <p>Test</p> 
    </div> 
    <div class="inner"> 
     Goodbye 
     <p>Test</p> 
    </div> 
</div> 

Kiểm tra tài liệu jquery để tìm hiểu thêm: http://api.jquery.com/append/

Answer 5

Điều này hoạt động bằng cách gắn thêm một đối tượng hình ảnh.

$('<a>', {href:''}).append($('<img>', {src:''}).appendTo('body')