jQuery循环遍历.children的.childred

jQuery looping through .children of .children

本文关键字:childred children 遍历 循环 jQuery      更新时间:2023-09-26

我一直在查看以前提出的问题,似乎找不到适合我的场景的解决方案。。。

我希望能够循环浏览所有的孩子和孩子的孩子,等等…

设计中的标记看起来与这个相似

<div>
  <div>
   <label></label>
  </div>
  <div>
   <label></label>
  </div>
  <div>
   <label></label>
  </div>
</div>

我希望能够选择特定div中的所有标签,而不管它们的直接父级是什么。

我希望能够选择特定div中的所有标签,而不管它们的直接父级是什么。

它只是CSS选择器表示法。假设<div>具有myDiv:的ID

$('#myDiv label').each(function ()
{
    // do stuff
});

您不需要为了在特定的div中找到标签而不断地遍历子级。这将为您完成任务:

$('#idOfDiv label')

$('div label')将选择该div的任何子代,而不考虑深度。如果您希望它是子级或子级的子级,您可以像$('div > label, div > * > label') 一样进行选择

使用find函数(而不是children),如下所示:$('#container').find('label')

$('div:first').find('label')将为您提供每个标签元素

选择所有标签:

$('label').something();

选择div中包含的所有标签:

$('label', 'div').something();