Javascript Jquery按整数选择了某个子项
我用javascript隐藏了拇指包装器。悬停时,我将大拇指从隐藏状态向上滑动。现在我给大家看。我宁愿只展示我想要的图像 因为我在缩略图链接上有一个表示幻灯片编号的数据区域,所以我认为最简单的方法是瞄准一个孩子。淡入儿童2或儿童3,雅塔雅塔雅塔雅塔 我认为eq()是正确的方法,但没有成功 ie:Javascript Jquery按整数选择了某个子项,javascript,jquery,css-selectors,Javascript,Jquery,Css Selectors,我用javascript隐藏了拇指包装器。悬停时,我将大拇指从隐藏状态向上滑动。现在我给大家看。我宁愿只展示我想要的图像 因为我在缩略图链接上有一个表示幻灯片编号的数据区域,所以我认为最简单的方法是瞄准一个孩子。淡入儿童2或儿童3,雅塔雅塔雅塔雅塔 我认为eq()是正确的方法,但没有成功 ie:$('.orbit hacked thumb').eq(2).fadeIn(“200”) ie$('orbit hacked thumb:eq(2)')。fadeIn(“200”) 我省略了选择器的标记,
$('.orbit hacked thumb').eq(2).fadeIn(“200”)代码>
ie$('orbit hacked thumb:eq(2)')。fadeIn(“200”)代码>
我省略了选择器的标记,所有这些都很好
如何使用整数并选择该子项?
任何帮助都将不胜感激
<div class="thumb-wrapper">
<img src="/assets/hpr/carousel/demo-beyonce.png" class="orbit-hacked-thumb"/>
<img src="http://thetfs.ca/wp-content/uploads/2010/04/black-square.jpg" class="orbit-hacked-thumb" style="height:45px;"/>
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
<img src="/assets/hpr/carousel/test.png" class="orbit-hacked-thumb" />
</div>
您的选择器使用li
元素,但您的HTML只包含img
元素。对不起,是的,我忽略了悬停在上面的链接的标记。选择器是对的。
//hover trigger thumbnails
$('.orbit-hacked-thumb').hide();
$('.orbit-bullets li').mouseover(function() {
child = $(this).attr("data-orbit-slide-number")
$('.orbit-hacked-thumb').fadeIn("200");
console.log(child);
}),
$('.orbit-bullets li').mouseout(function() {
$('.orbit-hacked-thumb').hide();
});