jquery - 使用 jquery 在指定行之后插入一行

Question

我见过类似的例子，但没有看到我正在寻找的东西。
我创建了一个基于一天中的时间的调度系统。
这意味着我有 24 行。
每行的第一个 td 有一个带有“go”类的按钮。
我正在尝试创建一个片段...当在特定行上单击单个按钮时，该行将被克隆并插入到表的下一行。
我通过一个按钮完成了此操作，并使用了 insertAfter 对象。
我认为我必须对 .each 做一些事情，但我对它不是很熟悉。
这是一个尝试的例子。
请注意，在本例中，我使用了 go 的 id，并使用 id to_be_cloned 创建了一个隐藏的 tr，并将其插入到第 1 行之后。
我需要能够在单击该行按钮后将该行插入到任何其他行之后。 (如果这有意义的话)

$("#go").click(function() { 
    $("#to_be_cloned").clone().show().attr('id','').insertAfter("#1");
})

Answer 1

使用类而不是 ID 将事件绑定(bind)到按钮。如果您也有重复的 ID，则该 ID 无效，ID 不能以数字值开头。

<table>
   <tr>
      <td><input type="button" class="insertButton" value="Go"/></td>
      <td>Hello World</td>
   </tr>
</table>


$(document).ready(function(){
   $('.insertButton').live('click', function(){
       var row = $(this).closest('tr').clone();
       $(this).closest('table').append(row);
   });
});

jsFiddle Example