append - jQuery 在 $.each() 期间追加元素

Question

我试图在 jQuery $.each() 循环中重复追加在闭包外部定义的元素，请参阅 - http://jsfiddle.net/benedict_w/8Pczs/

有人可以解释一下为什么该元素仅 append 在循环的最后一次迭代中吗？

例如

<ul>
    <li>blah</li>
    <li>blah</li>
    <li>blah</li>
</ul>

使用以下 jquery:

var remove = $('<a href="#">remove</a>');
$('li').each(function(){
    $(this).append(remove);       
});​

制作人:

<ul>
    <li>blah</li>
    <li>blah</li>
    <li>blah <a href="#">remove</a></li>
</ul>

Answer 1

您每次都 append 相同元素。
每个追加都会将其移动到下一个 <li> .

您需要clone()每次迭代的元素(或只是重新创建它)。