如何從jQuery中的父母id中選擇孩子ID？

Question

在這裏，我有父div（div1），通過讓這個ID我想選擇兒童id（children2）。

注： - 我不想以指定用作代碼children2。應該動態

HTML： -

<div id='div1'> 

<div id='children1'> 
<input></input> 
<input></input> 
</div> 

<div id='children2'> 
<input></input> 
<input></input> 
</div> 

</div> 

Answer 1

如果ID是靜態的，你可以簡單地使用id選擇目標元素：

$('#children2') 

如果IDS並不是唯一的，那麼你可以找到:eq(1)沿#div1立即div元素爲目標以米第二個元素出動了DOM：

$('#div1 > div:eq(1)').attr('id') 

Answer 2

您可以使用下面的代碼遍歷所有的孩子

$('#div1').children('div').each(function(){ 
    alert($(this).attr('id')); 
}); 

更多信息，.children()

而對於獲得的第二個孩子的id，你可以使用nth-child()像下面

var id = $('#div1 div:nth-child(2)').attr('id'); 

上:nth-child()

Answer 3

更多信息，您可以使用

$('#div1 #children2') 

或

$('#div1').find('#children2') 

Answer 4

$('#div1').children() 

將獲得陣列中的所有子對象。

$('#div1 > #children2') 

將得到一個特定的子對象。