Question

I have two divs both containing images. Here is some example code:

<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>

I have a hover event on the second set of images so that i get the index of the image that was hovered and store it in a variable called index. So say I hover over the second image in div two my index variable will equal 1. How can i then use this index to do something to the image that is at the same index in div one?

Thanks

Answer 1

You can use eq ^[docs]:

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