Pregunta

El uso de jQuery, ¿Cómo seleccionar todos los elementos con la clase X dentro de un elemento con id y?

¿Fue útil?

Solución

Selección de todos los descendientes con clase X de un elemento con el id "y".

$("#y .x").each(function () {
   $(this) <- your element
});

Selección de todos los niños con clase X de un elemento con el id "y".

$("#y > .x").each(function () {
   $(this) <- your element
});

Otros consejos

$('#y .x') debe hacerlo por usted.

Tenga en cuenta que esto va a seleccionar todos los descendientes con clase X, no sólo los niños.

$("#x .y").doSomething();

$(".y", "#x").doSomething();

$("#x").find(".y").doSomething();

Y para los niños inmediatos:

$("#x > .y").doSomething();

$("#x").children(".y").doSomething();

Tener un vistazo a mi pregunta aquí, que te dice un poco más y que cubre el rendimiento. ¿Cuál es el método más rápido para la selección de los elementos descendientes en jQuery?

Uso $("#id .class")

Cuando usted tiene 1 elemento con id = 'y' y desea que todos Es inmediatos [] Los niños que tienen una clase = 'x'

$("#y > .x").each(function(){stuff]);

Si desea que todos los descendientes de id = 'y' (no sólo inmediata), entonces puede hacer:

$("#y").find(".x").each(function(){stuff});

Obviamente, se puede hacer que sea más inteligente (y mejor) mediante la adición de tipos de elementos si usted sabe lo que son. Por ejemplo, si desea que sólo los niños de tipo a continuación:

$("#y > a.x").each(function(){stuff]);

La esperanza de que es lo que quería decir.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top