¿Cómo obtener solo divs de primer nivel?

Tengo un div con un id de content y quiero obtener el id del primer nivel div elementos, por ejemplo. box1, box2, box3. ¿Cómo puede hacerse esto?¿Cómo obtener solo divs de primer nivel?

<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>

Fuente

2012-04-10 user1184100

posible duplicado de [Selección único elemento primer nivel, no elementos hijo con el mismo nombre del elemento] (http://stackoverflow.com/ questions/2604463/select-only-first-level-element-not-child-elements-with-the-same-element-nam) – Curt

¿Por qué necesita los ID? Por favor dime que no es para que puedas decir '$ ('#' + id)' – Sorpigal

@Sorpigal No me sorprendería. La cantidad de código redundante que las personas escriben con jQuery es alucinante ... –

Uso del seelctor > niño.

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

Se podría acortar este aún más mediante el uso de map():

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

Fuente

2012-04-10 11:04:46

[Caso de prueba rápida] (http://jsfiddle.net/6RB9y/) :) –

Thx Rory, malentendió la pregunta :-P borró mi comentario tonto :) – Cody

Uso:

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

Fuente

2012-04-10 11:04:31 kgiannakakis

Esta es una respuesta engañosa. $ ("# content> div"). attr ("id") obtiene solo la primera id de div, no todos. –

@Chcuk Norris: corregido – kgiannakakis

¿Y qué devolverá esto? –

$("#content > div")

gusta esta. Usted puede obtener gran variedad de divs como esto

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

Sede en jsFiddle http://jsfiddle.net/DsyzV/

Fuente

2012-04-10 11:04:34

Gracias tirada :) – user1184100

¿Cómo obtener solo divs de primer nivel?

Respuesta

Cuestiones relacionadas