jquery - 关于 jQuery .append() 的问题

Question

任何人都可以帮助我理解为什么这一行不创建带有链接的图像:

var img = new Image();
$('#id').html('<a href="http://google.com">').append(img).append('</a>');

我正在设置 img 属性(src、alt...等)，我只是将这些行取出，因为它们不相关。难道这不应该将 DIV 的 HTML 设置为 HREF，然后是图像，然后是结束 A 标记吗？这对我不起作用，我的处理方式是否错误？

Answer 1

这应该可以做到:

$(img).appendTo('#id').wrap('<a href="http://google.com" />');

现场演示: http://jsfiddle.net/simevidas/A4HqE/1/

<小时/>

jQuery 的 html() 将自动关闭您的 HTML 元素。参见这里:http://jsfiddle.net/simevidas/Ut2pQ/

<小时/>

更好的解决方案:

$('<a href="http://google.com" />').append(img).appendTo('#id');

这个解决方案更好，因为这里 DOM 仅被操作一次(当附加 ANCHOR 时)。在我上面的原始解决方案中，DOM 被操作两次(1. 附加 IMG，2. ANCHOR 包裹在图像周围)。

现场演示: http://jsfiddle.net/simevidas/A4HqE/2/