jquery按整數選擇某個孩子

Question

我用隱藏了thumb-wrapper。在懸停時，我將拇指從隱藏狀態滑出。現在我展示他們全部。我寧願只顯示我想要的圖像。

由於我在表示幻燈片編號的縮略圖鏈接上有一個數據數據屬性，我認爲最簡單的方法是定位一個孩子。淡入小孩2，或小孩3，yata yata yaa。

我認爲eq（）是正確的方法，並沒有成功。

即：$('.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(); 
    }); 

Answer 1

您選擇使用li元素，但你的HTML只包含img元素。