jQuery每个div为第一级

Question

我有下一个HTML.

<div id="id">
   <div>
      <div class="permissions">
      </div>
   </div>
</div>

在jQuery中我使用循环.

$("#id div").each(function(){
   //do something
});

这个循环由#id中的所有div运行.如何仅通过第一级的div进行相同的循环？
先感谢您.对不起我的英语不好.

Answer 1

通过在#id和之间放置一个空格div,您将使用后代选择器.

相反,使用一个>子选择.

$("#id > div").each(function(){
   //do something
});

现在它只会针对<div>作为直接后代(子)的元素#id.

它相当于使用.children()而不是.find():

   // only direct descendant divs
$("#id").children("div").each(function() {
   //do something
});


   // all descendant divs
$("#id").find("div").each(function() {
   //do something
});