Question

我有两个包含图像的div。以下是一些示例代码：

<div id="one">
    <img src="image.jpg"/>
    <img src="image2.jpg"/>
    <img src="image3.jpg"/>
</div>
<div id="two">
    <img src="otherimage.jpg"/>
    <img src="otherimage2.jpg"/>
    <img src="otherimage3.jpg"/>
</div>

我在第二组图像上有一个悬停事件，以便获取悬停的图像的索引并将其存储在名为index的变量中。所以说我将鼠标悬停在div中的第二个图像上，我的索引变量将等于1.我怎样才能使用此索引对div中相同索引处的图像执行某些操作？

由于

Answer 1

您可以使用eq ^[docs]：

$('#one img').eq(index).something()

Answer 2

您可以使用eq()

执行此操作

$("#one").find("img").eq(yourindexvar).addClass("foo");

Answer 3

$('#one').find('img')[index].whatever();

Answer 4

查看jQuery's nth-child() selector

Here is an example of it in use.

$('#two img:nth-child(1)').css('border', '5px red solid');

注意： nth-child()不是基于0的索引eq()。

jquery index（）如何通过索引调用某事

4 个答案: