Jak zdobyć tylko divy pierwszego poziomu?

Question

Mam div z identyfikatorem content i chcę uzyskać id elementów pierwszego poziomu div, np. box1, box2, box3. Jak to zrobić?

<div id="content"> 
    <div id="box1" class="box1class"> 
     <div>...</div> 
    </div> 
    <div id="box2" class="box1class"> 
     <div>...</div> 
    </div> 
    <div id="box3" class="box1class"> 
     <div>...</div> 
    </div> 
</div> 

Answer 1

użyć seelctor > dzieci.

var ids = []; 
$("#content > div").each(function() { 
    ids.push(this.id); 
}); 

Można skrócić ten dodatkowo za pomocą map():

var ids = $("#content > div").map(function() { 
    return this.id; 
}).get(); 

Answer 2

Zastosowanie:

$("#content > div").each(function() { 
    var divId = this.id; 
}); 

Answer 3

$("#content > div") 

jak ten. Można uzyskać tablicę div wygląda tak

var array = $("#content > div").map(function(){ 
     return this.id; 
    }).get(); 

zobaczyć w jsfiddle http://jsfiddle.net/DsyzV/