jquery中的.append()出现复制,该如何处理
jquery中的.append()出现复制情况是这样的,我现在在看jquery基础教程,第七章中有这样一个例子:代码如下点
jquery中的.append()出现复制
情况是这样的,我现在在看jquery基础教程,第七章中有这样一个例子:代码如下
点击后

jquery javascript html
[解决办法]问题出在$table.children('tbody').append(row);这一行
这时候$table.children('tbody')获取到的是两个tbody节点对象,如果把一个对象同时append到多个节点,会在每个节点下复制一份,只对一个节点append时则不会复制,看下面这个例子就明白了:
<span>test</span>
<p></p>
<p></p>
<p></p>
如果执行:
$('p').append($('span'));
结果是:
<p><span>test</span></p>
<p><span>test</span></p>
<p><span>test</span></p>
如果执行:
$('p:eq(1)').append($('span'));
$('p:eq(2)').append($('span'));
$('p:eq(3)').append($('span'));
结果是:
<p></p>
<p></p>
<p><span>test</span></p>