我有以下表格结构。 (使用jQuery)
<table>
<tr>
<td><a href="#"></td>
</tr>
</table>
当我点击< a>我想添加新的< tr>在< tr>之后其中< a>被点击。
所以结果会是
<table>
<tr>
<td><a href="#"></td>
</tr>
<tr>
<td><a href="#"></td>
</tr>
</table>
解决方法
例：
$('a').bind('click',function(){
$('<tr><td>new td</td></tr>').insertAfter($(this).closest('tr'));
});
如果要创建克隆，请使用：
$('a').live('click',function(){
var $this = $(this),$parentTR = $this.closest('tr');
$parentTR.clone().insertAfter($parentTR);
});
示例链接：http://www.jsfiddle.net/7A6MQ/
基本上，您从tr元素(包括子节点)创建副本，并在该元素之后插入该副本。因此，您需要.live绑定以确保新创建的元素也会调用该点击处理程序。
