Question

 $("table:visible").each(function() {
    $(this).find("tr").each(function(){

      var row='<tr><td>val</td></tr>';
$(row).insertAfter("#mytable tr:first");


        });

});

我试图在表格的每一行之后添加一行。我现在使用的是在第一行之后添加一行。例如：

我的桌子有五个。在我运行这个js之后它会有10.有什么建议吗？

Answer 1

试试这段代码，

$("table:visible").each(function () {
    $(this).find("tr").each(function () {
        var row = '<tr><td>valnew</td></tr>';
        $(row).insertAfter(this);
    });
});

Demo

Answer 2

您可以使用jQuery .after函数：

$("table:visible").each(function() {
    $(this).find("tr").each(function(){
        var row='<tr><td>val</td></tr>';
        $(this).after(row); // Insert row after this row
    });
});

这里是一个jsFiddle：http://jsfiddle.net/g326b1ws/

在表格的每一行之后添加一行

2 个答案: