Jquery 追加 img 和一个

Question

我需要将 img 附加到 <a> 标记内。我一直在破解这个并且没有决心，让我发疯。如果您能提供帮助，那就太好了。我正在使用 jQuery 1.5

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

最终结果应该是：

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

当我使用 prepend 或 appendto 时，我得到了这个结果：

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

感谢您的帮助。

Answer 1

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

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

Answer 2

$('<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