我有一个数据表,它在用户选择超链接后出现。它包含一些行,每一行都有可能自行删除。这就是我执行删除部分的方式:
$('.remove').on('click',function(){
$(this).closest('tr').remove();
});
此外,显示表格也适用于此:
$("#trigger-overlay2").click(function() {
$(".overlay-boxify2").toggleClass("open");
});
那么如何在删除表格中的所有行后立即删除叠加层?
当前表格为空,用户只能看到它的标题...
这是我的 fiddle :http://jsfiddle.net/fyw6kajm/6/
最佳答案
你可以做一个函数来计算表的 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();
});
关于jquery - 删除数据表表(jquery)中的所有行后,如何删除 css 中的叠加层?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33639089/