Làm thế nào để có được chỉ div cấp đầu tiên?

Question

Tôi có số div có id là content và tôi muốn lấy các số id của các thành phần div cấp đầu tiên, ví dụ: box1, box2, box3. Điều này có thể giải quyết như thế nào ?

<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

Sử dụng seelctor > đứa trẻ.

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

Bạn có thể rút ngắn này hơn nữa bằng cách sử dụng map():

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

Answer 2

Sử dụng:

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

Answer 3

$("#content > div") 

Như thế này. Bạn có thể nhận được hàng loạt các div như thế này

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

Xem trong jsfiddle http://jsfiddle.net/DsyzV/