jquery - 如何在每个 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">然后对于每个独立评估查找选择器，为您提供所需的结果。