jquery - 如何在当前 之后附加新

Question

我有以下表格结构。

<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>

Answer 1

例子:

$('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 绑定(bind)以确保新创建的 a 元素也会调用该点击处理程序。

引用:.clone() , .insertAfter() , .live()