如果使用Jquery可见,如何为最后一个子节点添加一些自定义CSS？

Question

我允许用户将列表的一部分隐藏/可见等.

现在这是我的清单:

基本列表,但最终列表项有一些自定义CSS"border-bottom:none" - 只是为了让它更好看.

<ul>
      <li class="item">Item</li>
      <li class="widget">widget</li>
      <li class="item">Item</li>
      <li class="item">Item</li>
      <li class="widget">Widget</li>
      <li class="widget">Widget</li>
</ul>

当我使用最后一个选择器时,添加一些自定义CSS,它完美无缺.我的问题是当我隐藏小部件时,它们是按预期隐藏的,但是在此使用自定义CSS并且因为这些被隐藏,边框仍然显示.

我的问题是如何只将CSS应用于最后一个可见的孩子？

Answer 1

使用":visible"选择器:

$("li:visible:last").css("your css rules");