javascript - 使用jquery隐藏表格边框

Question

我有一个 div，它显示动态创建的表（实际上是在 asp.net 中继器中）。根据从数据库中获取的项目，表的数量可能会有所不同。我在下面给出了一个带有 css 和 jquery 代码的示例标记。该表将再次被动态创建。我只给了两个，并没有在其中包含标记。

.todotable{border-bottom:1px solid white;}

<div id="divalert">
<table></table>
<table></table>
</div>

 $(document).ready(function () {
       $("#divalert").last().css("border-bottom", "none");
  });

我的问题是，如何删除最后一张桌子的边框？

Answer 1

您尚未选择表。尝试其中之一：

$("#divalert :last-child").css("border-bottom", "none");

// or

$("#divalert table").last().css("border-bottom", "none");
$("#divalert table:last").css("border-bottom", "none"); // same as above

Answer 2

我宁愿为此使用 CSS。在 CSS 可用时使用 JS 绝不是一个好主意 :-)

#divalert table:last-child {
    border-bottom: none;
}