2011-05-25 120 views
5

我需要在<a>標籤內附加img。我一直在抨擊這一點,沒有決心,讓我發瘋。如果你能幫上忙,那會很棒。我使用jQuery 1.5jquery append img和

while condition{ 
    $("<img>").attr("src", thumb).appendTo("#images"); 
} 

最終結果應該是:

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

當我使用前置或後置appendto我得到這樣的結果:

<div id="images src="xxxxxxx"><a></a> 
OR 
<a href="#"></a><img src="xxxxx"> 

感謝您的任何援助。

+0

嘗試使用'$(」 ').appendTo(' #圖像');'而是。 – Alxandr 2011-05-25 19:20:48

+1

你在用while循環做什麼? – Cristy 2011-05-25 19:21:49

+0

可以看到完整的HTML請求 – mcgrailm 2011-05-25 19:21:59

回答

8
$("#images").append($("<a>", 
{ 
    href: "#", 
    html: $("<img>", { src: thumb }) 
})); 

工作示例:http://jsfiddle.net/hunter/Rxkxg/

+1

有趣的短手,我不知道你可以傳遞一個對象作爲第二個參數並填充它。 – 2011-05-25 19:28:13

+0

++我同意@Brad。我不知道:) – Sampson 2011-05-25 19:29:23

+0

儘可能多的代表你們兩個都知道這一點?我覺得這很有趣。 – 2011-05-25 20:26:05

6
$('<a>') // create anchor first 
    .attr('href','#') // set anchor HREF attribute 
    .append(// inside it, append an image 
    $('<img>') // new image 
     .attr('src',thumb) // set image SRC attribute 
) // end append 
    .appendTo('#images') // add to image body 

幾乎走上了正軌......

demo

+0

@Scott:可選,因爲選擇器實際上只是查看它需要的「document.createElement」標籤。 @湯姆:不客氣。是的,jsFiddle是一個很棒的網站。 ;-) – 2011-05-25 19:27:20