Iterar sobre divs dentro de un div y de un tipo particular de css

¿Es posible iterar sobre los divs contenidos dentro de un div y de un cierto tipo de clase css?

Entonces itere sobre todos los divs dentro de este jSfiddle que están dentro del div 'outerDiv' y son del tipo css - 'testCss'

<div id="outerDiv">
    <div class="testCss">test1</div>
    <div class="testCss">test2</div>
    <div class="testCss">test3</div>
    <div class="testCss">test4</div>
    <div class="testCss2">ignoreThis</div>
</div>​

http://jsfiddle.net/Ya9ww/2/

preguntado el 22 de mayo de 12 a las 16:05

4 Respuestas

¿Es eso lo que has estado pidiendo?

$("#outerDiv div.testCss") ...

DEMO: http://jsfiddle.net/Ya9ww/3/

contestado el 22 de mayo de 12 a las 16:05

$('#outerDiv div.testCss]').each(function() {

});

contestado el 22 de mayo de 12 a las 16:05

ese es un selector de clase de aspecto extraño;) - mkoryak

Como todos los demás chicos, te sugiero:

$('#outerDiv > div.testCss]').each(function() {

});

Una cosa que tengo que decir: use ">" para asegurarse de que no está iterando divs anidados como:

<div id="outerDiv">
    <div class="testCss">
      <div class="testCss">IgnoreThis</div>
    </div>
</div>​

contestado el 22 de mayo de 12 a las 16:05

Esto te permite "iterar" sobre todos los divs como dijiste en tu pregunta. Esta no es una buena manera de establecer el color, pero solo quería mostrar el uso de la .each()

$('#outerDiv .testCss').each(function(){
   $(this).css('color','red');
});​

DEMO http://jsfiddle.net/Ya9ww/9/

contestado el 22 de mayo de 12 a las 21:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.