javascript - 隐藏所有新插入的行

Question

我的表格最初包含 4 行和(展开或折叠)按钮，请参见下图

当我最初单击(展开或折叠)按钮时，需要在行中间插入新行，我使用下面的代码完成了

 JQuery('#btnId').click(function() {
        var that = this;
        $("#example tbody tr").each(function(i, object) {                   
            $(object).after("<tr id=\"dispId\"><td>Full name:'"+i+"'</td><td></td></tr>")
        });
    });

结果

如果单击(展开或折叠)按钮，我需要隐藏中间插入的行。有没有办法使用 Jquery 或 Javascript 来做到这一点？

Answer 1

这很简单。

1. 添加之前将所有项目标记为新项目
2. 如果您想隐藏它们，只需删除最后插入的行(如标记的那样)

这是代码:

JQuery('#btnId').click(function() {
    var that = this;
    IF ($("newRow", "#example tbody").length = 0){ // add rows if no rows exists
        $("#example tbody tr").each(function(i, object) {                   
            $(object).after("<tr class="newRow" id=\"dispId\"><td>Full name:'"+i+"'</td><td></td></tr>")
        });
    } // remove rows if already exist
    else {
        $("newRow", "#example tbody").remove()
    }
});