如何在jQuery中選擇具有相同類名的第n個元素？

Question

這是HTML輸出：

<ul class="slides row"> 
    <li id="t64" class="span3"></li> 
    <li id="t65" class="span3"></li> 
    <li id="t67" class="span3"></li> 
    <li class="detailView desktopView"></li> 
    <li id="t66" class="span3"></li> 
    <li id="t68" class="span3"></li> 
    <li class="detailView desktopView"></li> 
    <li class="detailView mobileView"></li> 
</ul> 

我試圖只與類名.span3選擇第n個元素。 所以，我想這一點：

var targetSlide = 3; 
$(".slides").children('.span3:eq('+ targetSlide +')').addClass('on'); 

或

var targetSlide = 4; 
$(".slides").children('.span3:nth-child('+ targetSlide +')').addClass('on'); 

在這兩種情況下.detailView選擇。有任何想法嗎？

Answer 1

這應該工作：

var targetSlide= 3; 

$('.slides').find('.span3').eq(targetSlide).addClass('on'); 

// or this syntax does the exact same thing 

$('.slides').find('.span3:eq('+targetSlide+')').addClass('on'); 

Answer 2

可以過用這個，

var targetSlide = 3; 
$(".slides").children('.span3').filter(':eq('+ targetSlide +')').addClass('on'); 

Answer 3

嘗試：

var targetSlide = 3; 
$('.slides').find('.span3').eq(targetSlide).addClass('on');