给定一个索引，在不同的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");