如何复制jQuery中的重复行？

Question

如何使用jQuery复制重复的行？

$("tr").click(function(){
    var thIndex = $(this).index() + 1;
    var teste = "";
    var i = 0;
    var $tableBody = $('#tbl_id').find("tbody"),    
            $trSelected = $tableBody.find("tr:nth-child("+ thIndex +")"),
        $trLast = $tableBody.find("tr:last"),
        $trNew = $trSelected.clone();
        console.log($trSelected);
        $trLast.after($trNew);
    });

http://jsfiddle.net/2qgzx85o/

Answer 1

尝试$('body').on('click', 'tr', function()...

您现在的方式，它只适用于现有的行。

http://jsfiddle.net/2qgzx85o/3/

Answer 2

如果问题在于允许点击新行，那么您应该将true传递给.clone方法。

.clone( [withDataAndEvents ])

  

withDataAndEvents（默认值：false）
  类型：布尔
  一个布尔值，指示是否应将事件处理程序与元素一起复制。从jQuery 1.4开始，元素数据也将被复制。