jquery - 表行在调用 JQuery Remove 后仍然占用空间

Question

我遇到了一个奇怪的问题，并且无法在任何地方找到任何相关信息。我在表格行上使用 JQuery 删除方法，在删除它时，它仍然在该行原来所在的位置留下少量空间。如果我只删除一两行，它几乎不会引起注意，但是当我删除更多行时，你肯定可以分辨出来。表格的 CSS 是:

/*CSS*/
#results{margin-top:10px;}
#results table{width:750px;empty-cells:show;border-collapse:collapse;}
#results table tr td{cursor:pointer;}
tr.selected{background-color:#FAFAD2;}

/*JQuery*/
$("#btnRemove").click(function(){
    $("#results table tr.selected").remove();
});

有什么建议吗？

Answer 1

我建议使用 Firebug , 在删除触发之前和之后检查 html 标记，以确保它删除了您期望的元素。

其次，我建议使用 Firebug 来检查表格及其内容，以准确查看填充和/或边距不正常的位置。使用 Firebug 中 HTML 部分下的“布局”选项卡可以为您提供对元素的精确测量，包括填充、边距、边框和位置/偏移量，这应该可以真正清楚地说明问题出在哪里。

此外，您是否在多个浏览器中进行了测试？