如何選擇jQuery中的第n個子元素？

Question

我有這樣

<li id="step1_li"> 
<a>...</a> 
<a>...</a> 
</li> 

我想選擇第二個「一」標籤的結構，

我使用像

$('#step1_li :nth-child(2) a').addClass("hide"); 

但它不能正常工作，請建議我在哪裏錯誤。

Answer 1

你寫錯了。這就像在CSS

$('#step1_li a:nth-child(2)').addClass("hide");

，如果你想找到一個nth元素，那麼你需要附加:nth-該元素，在這種情況下，a元素

$('#step1_li a:nth-child(2)').addClass("hide");

.hide { color:red;font-weight:bold}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li id="step1_li"> 
 
<a>...</a> 
 
<a>...</a> 
 
</li>

Answer 2

$("li a:nth-child(2)").addClass("hide"); 

使用此....

Answer 3

$(document).ready(function(){ 
 
    $("#step1_li a:nth-child(2)").hide(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<li id="step1_li"> 
 
<a>1</a> 
 
<a>2</a> 
 
<a>3</a> 
 
</li>