インデックスを指定すると、別の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");