jquery find() 按类图像

Question

我想找一张他的班级的照片。

我的代码是这样的：

<ul>
<li id='element_1'> <img src="images_1.png"  class="image_off"/></li>
<li id='element_2'> <img src="images_2.png"  class="image_off"/></li>
</ul>

现在，当我的鼠标位于 LI 或 LI 上时，我想选择内部图像。

我的 jquery 是这样的：

$("li").hover(

   var immagine = "img"
   ii= jQuery(this).find(immagine);
   $(ii).stop().animate({"opacity": "0"}, 500);

}

这工作正常。但是，如果我在同一个 LI 内有 2 个图像，并且我尝试使用他的类来选择图像：

var immagine = "img.image_off"

它不起作用......

你能帮助我吗？

Answer 1

看起来你的范例有点混乱！

首先，您应该将一个函数传递给悬停方法。每次您悬停时都会运行该函数。

在悬停方法内，您可以通过传入选择器和上下文来进行上下文搜索。在这种情况下，this 将代表您将鼠标悬停在其上的 li。

这会识别您想要进行手术的每个孩子。

这应该可以满足您的需要：

$("li").hover(function(){
    $("img.image_off",this).stop().animate({"opacity": "0"}, 500);
});