Javascript 让JS在同一页面中显示的十个相等div中的一个中触发

这是我到目前为止所拥有的：一个充当“oros”类的化身图像。除此之外，我还有另一个类，名为“josito”。josito包含配置文件信息，它被隐藏起来，这样当你在头像顶部悬停时，它就会显示出来

问题：与此同时，我希望拍摄的头像变得模糊。我是用JS实现的。所以当我在乔西托上空盘旋时，奥罗斯变得模糊了。我之所以说“有点”，是因为html标记会在同一页面中自动重复十次。因此，当我在一个化身上盘旋时，其他九个化身变得模糊。我只想模糊我徘徊的那个

这是我到目前为止拥有的JS：

jQuery(document).ready(function(){
jQuery(".josito2").mouseover(function(){
    jQuery(".oros").addClass("blur");
        });
});

我将这个添加到，所以当我拿走鼠标时，它会恢复正常：

jQuery(document).ready(function(){
jQuery(".josito2").mouseleave(function(){
    jQuery(".oros").removeClass("blur");
        });
});

HTML标记：

<td>
                                      <div class="oros">{postrow.displayed.POSTER_AVATAR}</div>
                                        </td><td class="oros12">
                    <div class="josito"><div class="josito2"><div id="josito3">

                                        <div class="oros2"><div class="plate">{postrow.displayed.POSTER_NAME}</div>
                                              <div class="oros3">{postrow.displayed.POSTER_RANK_NEW}</div></div>
                </div></div></div>

                                        </td>

{postrow.displated.POSTER_AVATAR}
{postrow.displated.POSTER_NAME}
{postrow.displated.POSTER_RANK_NEW}

（这只是整个事情的一部分） 请注意: 1.英语这不是我的母语，所以如果你需要进一步的解释，请告诉我：） 2.我从这里的其他答案中得到了代码，所以非常感谢编写它的人

先谢谢你

尝试使用

尝试使用

---

维克，看来没用。效果也不会被触发。我更新了帖子上的代码，做了一些安排。现在放置的是我实际使用的，我弄糊涂了，对不起。虽然我觉得没有那么大的变化。如果我在课堂上查一下ID会有帮助吗？Vik，好像没用。效果也不会被触发。我更新了帖子上的代码，做了一些安排。现在放置的是我实际使用的，我弄糊涂了，对不起。虽然我觉得没有那么大的变化。如果我查一下课程的ID会有帮助吗？

jQuery("josito2").mouseover(function(e){
  jQuery(e.target).addClass("blur");
});

jQuery(".josito2").mouseleave(function(e){
  jQuery(e.target).removeClass("blur");
});