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

Jquery附加img和a

2 个答案: