給定一個索引，在不同的div列表中找到該索引

Question

我有一個可點擊的點的div。我有一個var存儲點擊點的索引。我想找到這是一個不同的div裏面，給它一個類「入選」名單上同一指數裏，但我做錯了在這一行：

$(this).parent().parent().siblings($("a.product_img_link")).find($("ul.thumbnails-custom-list")).find($("li").index(dotIndex)).addClass("selected"); 

這是HTML結構：

<a class="product_img_link" href="X"> 
    <ul class="thumbnails-custom-list"> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 
</a> 
<div class="list-inline-controls"> 
    <div class="list-left-control"> <i class="fa fa-angle-left"></i> </div> 
    <div class="list-right-control"> <i class="fa fa-angle-right"></i> </div> 
</div> 
<div class="dot-navigation-wrap"> 
    <div class="dot-navigation-inner-wrap"></div> 
</div> 

而且在點功能齊全點擊：

$(".dot-navigation").on("click", function() { 
    $(this).addClass("active"); 
    $(this).siblings().removeClass("active"); 
    var dotIndex = $(this).index(); 
    $(this).parent().parent().siblings($("a.product_img_link")).find($("ul.thumbnails-custom-list")).find($("li").index(dotIndex)).addClass("selected"); 
}) 

Answer 1

使用.eq(index)方法，而不是.index()

將匹配元素的集合減少爲指定索引處的元素。

$(this).parent().parent().siblings("a.product_img_link").find("ul.thumbnails-custom-list li").eq(dotIndex).addClass("selected");