我想找到他班上的一张照片。
我的代码是这样的:
<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"
它不起作用....
你能帮帮我吗?答案 0 :(得分:3)
看起来你的范式有点混乱了!
首先,你应该将一个函数传递给悬停方法。每次你悬停时都会运行该功能。
在悬停方法中,您可以通过传入选择器和上下文来进行上下文搜索。在这种情况下,this
将代表您悬停的li
。
这标识了您要操作的每个孩子。
这应该做你需要的:
$("li").hover(function(){
$("img.image_off",this).stop().animate({"opacity": "0"}, 500);
});