How to get only the first level divins?

Question

I have a div with id content , and I want to get the id elements of the first level div , for example. box1 , box2 , box3 . How can I do that?

 <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

Use the child filter > .

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

This can be shortened using map() :

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

Answer 2

 $("#content > div") 

Like it. You can get a div array like this

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

See in jsfiddle http://jsfiddle.net/DsyzV/

Answer 3

Using:

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