读书人

jquery中的.append()出现复制,该如何处

发布时间: 2013-10-24 18:27:21 作者: rapoo

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


点击后jquery中的.append()出现复制,该如何处理 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>

读书人网 >JavaScript

热点推荐