javascript - 删除上一个 TR 中的样式

Question

我有一个 table，其中我已将 tr 样式设置为:

边框底部:1px银色实心；

table 是数据库生成的，我不希望最后一个 tr 有底部边框。

如何阻止最后一个 tr 获取样式？

Answer 1

您可以使用 javascript 或 CSS 选择最后一个 tr，但如果您选择使用 CSS 来执行此操作，则它不会在所有浏览器上工作(JS 解决方案也不会在不支持的浏览器上工作)启用了 JS)。

jQuery:

$('#tableID tr:last').css('border-bottom',0);

或者如果有多个实例:

$('.tableClass tr:last-child').css('border-bottom',0);

CSS 解决方案就是使用:

tr:last-child{
border-bottom:0;
}

请注意，:last 选择器仅选择一个实例，并且由于它不是 CSS 规范的一部分，因此它的速度不如 last-child 选择器，但如果您有嵌套表等，该选择可能不是您正在寻找的内容。