使用JavaScript在表中插入行（子）

Question

我有包含4个主行和一个（展开或折叠）按钮的表。单击（展开或折叠）按钮我想通过迭代在所有行的中间插入一行（总共8行）表行。如何使用Javascript进行此操作？请参见下图。任何建议。

这是我点击“展开”或“折叠”按钮后返回的代码，

  jQuery('#btnId').click(function() {
            var that = this;
            $("#example tbody tr").each(function(i) {                   
                //what code need to add here
            });
        });

Answer 1

由于您没有提供代码示例，我只能提出一种方法来实现此目的。

您可以通过tr上的ID或:nth-of-type(4)等css选择器确定要插入的行上方的行。

之后，您可以将此行用作jquery元素（例如：$("tr#yourrow")）并使用append()在其后添加一行。

示例：$("tr#yourrow").append("<tr>... your row definition ...</tr>")

根据更新的问题：

jQuery('#btnId').click(function() {
    var that = this;
    $("#example tbody tr").each(function(i, object) {                   
        $(object).after("<tr>... your row definition ...</tr>")
    });
});

行定义应由您自己完成。我不知道你的情况下迭代背后的逻辑。但我想你会明白的。 ：）