如何在每个UL中仅选择第4个或更高的LI？

Question

对于此XHTML：

<ul class="collapse">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>

<ul class="collapse">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

使用jQuery，如何在每个UL中仅选择第4个和更高的LI？

我试过了：

$("ul.collapse li:gt(2)").css("color", "red");

但是它会在整个文档中选择第4个或更高的LI。 “四个”，“五个”和“ 1”，“ 2”，“ 3”，“ 4”为红色。

Answer 1

您可以这样做：

$("ul.collapse").find("li:gt(2)").css("color", "red");

您可以在此处进行测试 。 这将查找每个 <ul class="collapse">然后针对 每个 <ul class="collapse"> 独立评估查找选择器，从而为您提供所要的结果。

Answer 2

第N个孩子也可以做到。

$(document).ready(function(){
    $('.collapse li:nth-child(n+4)').css("color", "red");
});