JQuery - 从主div中浏览元素

Question

我有一个链接到主div-root的div列表。如何浏览主div的所有元素？例如：

<div id="main">
    <div class="trackon" id="trackline1">Line 1</div>
    <div class="trackon" id="trackline2">Line 2</div>
    <div class="trackon" id="trackline3">Line 3</div>
    <div class="trackoff" id="trackline4">Line 4</div>
    <div class="trackoff" id="trackline5">Line 5</div>
</div>

我正在寻找一个jquery函数来浏览#main div的所有元素（比如每个statament）。我试图搜索官方文档，但我一无所获！欢呼声

Answer 1

$('#main div').each(function(){
//$(this) is the current div
});

或者，如果你想确保你只是抓住第一级div，

$('#main > div').each(function(){
//$(this) is the current div
});

Answer 2

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

Answer 3

$('#main').children().each(function(){
    alert($(this));
});

Answer 4

您可以像这样使用each：

$('$main > div').each(function(){
  // your code...
});

>是子选择器，用于选择父div的直接/直接子项。