如何在每个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");

You can play with/test it here。这会找到每个 <ul class="collapse">，然后为每个人评估查找选择器，为您提供您所追求的结果。

Answer 2

Nth-child也会这样做。

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