Jquery按整数选择某个孩子

时间:2013-05-26 02:14:14

标签: javascript jquery css-selectors

我用javascript隐藏了 thumb-wrapper 。在悬停时,我将拇指从隐藏状态向上滑动。现在我展示了所有这些。我宁愿只展示我想要的图像。

由于我在缩略图链接上有一个表示其幻灯片编号的数据数据属性,因此我认为最简单的方法是定位一个孩子。淡入孩子2,或孩子3,yata yata yaa。

我认为eq()是正确的方法并没有成功。

ie:$('.orbit-hacked-thumb').eq(2).fadeIn("200");

$('.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>

JAVASCRIPT

  //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();
  });

1 个答案:

答案 0 :(得分:0)

您的选择器使用li元素,但您的HTML仅包含img元素。