Javascript jquery基于索引将脚本应用于所有div

我有一些动态创建的div。它们看起来像这样：

<div class="item-logo"><img src="XXX"></div>
<div class="item-move">Move Me</div> 

<div class="item-logo"><img src="XXX"></div>
<div class="item-move">Move Me</div> 

<div class="item-logo"><img src="XXX"></div>
<div class="item-move">Move Me</div> 

感动我
感动我
感动我

下面是我试图做的，这样我就可以有一个脚本来添加一个类，这样每个div都是唯一的，然后为每个div执行

<script>
    jQuery(document).ready(function($) {

      $( ".item-logo" ).addClass(function( index ) {
      return "number-" + index;
    });
      $( ".item-move" ).addClass(function( index ) {
      return "blurb-" + index;
    });


      $(".number-" +index).mouseover(function() {
        // Set the effect type
        var effect = "slide";

        // Set the options for the effect type chosen
        var options = { direction: "left" };

        // Set the duration (default: 400 milliseconds)
        var duration = 500;

        $(".blurb-"+ index).toggle(effect, options, duration);

      }).mouseout(function(){
         $(".blurb-"+ index).hide('slide',{direction:'left'});

    });

    });

    </script>

jQuery（文档）.ready（函数（$）{
$（“.item logo”）.addClass（函数（索引）{
返回“数字-”+索引；
});
$（“.item move”）.addClass（函数（索引）{
返回“blurb-”+索引；
});
$（“.number-”+索引）.mouseover（函数（）{
//设置效果类型
var effect=“slide”；
//设置所选效果类型的选项
var options={direction:“left”}；
//设置持续时间（默认值：400毫秒）
var持续时间=500；
$（“.blurb-”+索引）.toggle（效果、选项、持续时间）；
}).mouseout（函数（）{
$（“.blurb-”+index）.hide（'slide'，{direction:'left'}）；
});
});

---

非常感谢您在这方面提供的任何帮助。

不要添加类，而是遍历DOM。将事件处理程序应用于所有

.item logo

实例。在事件处理程序中，

此

将是单击的元素

$（this）.next（）

将获得下一个div-根据标记，它是要显示和隐藏的

 $(".item-logo").mouseover(function() {
    // Set the effect type
    var effect = "slide";

    // Set the options for the effect type chosen
    var options = { direction: "left" };

    // Set the duration (default: 400 milliseconds)
    var duration = 500;

    $(this).next().toggle(effect, options, duration);

  }).mouseout(function(){
     $(this).next().hide('slide',{direction:'left'});
});

---

next（）适用于我的简化示例。如果div看起来是这样的话会怎么样：[--当你在一个图像和另一个图像之间悬停时，这似乎会做一些可疑的事情。这是另一个问题。请将其作为一个新问题发布，并在问题本身中包含一个代码示例（就像你在原来的帖子中所做的那样）。下面是另一个问题：（）