使用jquery隐藏表边框

时间:2012-04-26 08:32:49

标签: javascript jquery asp.net css

我有一个显示动态创建的表的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");
  });

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

2 个答案:

答案 0 :(得分:6)

您尚未选择该表格。尝试其中之一:

$("#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

答案 1 :(得分:2)

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

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