2010-09-08 24 views
1

我有一個div鏈接到主div-root的列表。如何瀏覽主div的所有元素?例如:JQuery - 從主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> 

我要找的那個瀏覽#main DIV的所有元素(如每個statament)jQuery的功能。我試圖在官方文檔上搜索,但我什麼都沒發現!歡呼聲

+1

那麼,你有5個有效的答案,但沒有人給出了你無法找到的文檔的鏈接,所以在這裏你去。 http://api.jquery.com/each/ – user113716 2010-09-08 19:30:34

回答

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

或者,如果你想確保你只需搶到第一級的div,

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

是啊!事實上,我想念一個具體的事情:如果我想只選擇具有特定類的兒童股利?在那個例子中,所有帶有「trackon」類的孩子。我使用.find()? – markzzz 2010-09-08 19:28:59

+0

要獲得一個類的元素,可以使用:'$('#main> div.trackon')'。這將得到所有的div(帶有一類'trackon'),它們是主要的子類。 – 2010-09-08 19:32:37

+0

太棒了! TNX男人:) – markzzz 2010-09-08 19:41:30

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

可以使用each這樣的:

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

>是在這裏用來選擇父母div的直接/直接子女的子選擇器。

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

這是一個不錯的解決方案。當它不是一個div,就像一張桌子一樣 – 2015-01-05 12:01:15