jquery find()按类分类

时间:2011-06-26 11:03:19

标签: jquery find

我想找到他班上的一张照片。

我的代码是这样的:

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

现在,当我的鼠标移动时,我想选择内部图像。

我的jquery就像:

$("li").hover(

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

}

这很好用。但是,如果我有两张图片,那就是同一个LI,我会尝试用他的班级选择图像:

var immagine = "img.image_off"

它不起作用....

你能帮帮我吗?

1 个答案:

答案 0 :(得分:3)

看起来你的范式有点混乱了!

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

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

这标识了您要操作的每个孩子。

这应该做你需要的:

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