定义jQuery"eq"

Question

我很难在jQuery eq周围环顾自己.有人可以向我解释它的用途吗？它的索引是什么？

谢谢.

Answer 1

使用此HTML:

<ul>
    <li>Mario</li>
    <li>Luigi</li>
    <li>Princess</li>
    <li>Toad</li>
</ul>

这个JavaScript:

alert($("ul li").eq(0).text()); // Mario
alert($("ul li").eq(1).text()); // Luigi
alert($("ul li").eq(2).text()); // Princess
alert($("ul li").eq(3).text()); // Toad

Answer 2

.eq(i)返回指定索引处的集合中的元素i.

在您发布的链接的示例中:

$("p").eq(1).css("color", "red")

它基本上说:"查找匹配$("p")的所有元素,然后取第二个并将其颜色更改为红色."

$("p")匹配<p>文档中的所有元素.你现在有了这些的集合.

$("p").eq(1) 将此集合仅减少到第二个元素.

该.css("color", "red")部件只需对该元素进行操作即可将其颜色更改为红色.