javascript - 仅显示一个 div 并使用索引隐藏其余部分

Question

我想要一个函数，它会在悬停在另一个类上时 fadeIn() 一个带有类图像的 div。但是，每个类都有多个 div，并且希望每个 div 与另一个对应。我还没有想过使用 index() 来获取每个类的 inex 编号，然后使每个索引编号相等以仅显示相应的索引编号。

为了澄清，我将其表达为代码:

   <div class="container">
        <div class="woot"></div>
        <div class="woot"></div>
        <div class="woot"></div>
        <div class="woot"></div>
        <div class="woot"></div>
    </div>
    <div class="img_container">
        <div class="image"></div>
        <div class="image"></div>
        <div class="image"></div>
        <div class="image"></div>
        <div class="image"></div>
    </div>

想法是，当悬停第一个 woot div 时，它将显示第一个图像 div，如果悬停第二个，它将显示第二个，其余过程相同。

Answer 1

<div class="container">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>

//use css selection in jquery


 $('container span:nth-child(1))
 $('container span:nth-child(2))
 $('container span:nth-child(3))
 $('container span:nth-child(4))


I hope this will help you.