jquery - 删除数据表表(jquery)中的所有行后，如何删除 css 中的叠加层？

Question

我有一个数据表，它在用户选择超链接后出现。它包含一些行，每一行都有可能自行删除。这就是我执行删除部分的方式:

$('.remove').on('click',function(){
   $(this).closest('tr').remove();
});

此外，显示表格也适用于此:

$("#trigger-overlay2").click(function() {
    $(".overlay-boxify2").toggleClass("open");
});

那么如何在删除表格中的所有行后立即删除叠加层？

当前表格为空，用户只能看到它的标题...

这是我的 fiddle :http://jsfiddle.net/fyw6kajm/6/

Answer 1

你可以做一个函数来计算表的 tbody 中有多少行，如果 tbody 没有 child ，隐藏覆盖/删除表:

function checkTableLength() {
    var tableLength = $('table tbody > tr').length;
    if (tableLength === 0) {
        $('.overlay-boxify2').toggleClass('open');
        // Remove the table
        $('table').remove();
    }
}

$('.remove').on('click',function(){
   $(this).closest('tr').remove();
    checkTableLength();
});