如何在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选择器来定位元素：

--extra-vars

如果Ids不是唯一的，那么您可以在$('#children2') 中找到直接的div元素以及#div1来定位匹配的dom中的第二个元素：

:eq(1)

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')

将获得特定的子对象。