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