11 Voto

jQuery: Contar elementos con una clase específica

Pregunta de NetLabel | 14/08/2020 a las 16:40

Me gustaría contar todos los elementos en mi página habiendo asignado una clase específica con jQuery. Así por ejemplo:

<span class="a"></span>
<span class="b"></span>
<span class="a"></span>

Aquí, el resultado para todos los elementos con la class "a" debe ser 2 y para todos los elementos con la class "b", debe ser 1.

ResponderPositivoNegativo
1Mejor Respuesta1 Voto

Cada selector en jQuery tiene la propiedad "length". Por lo tanto, puede consultar rápidamente cuántos elementos de una clase en particular están disponibles:

var counta = $(".a").length;
var countb = $(".b").length;

Esto se puede combinar con cualquier otro selector, por ejemplo, para contar solo los elementos que están en un DIV de un ID específico:

var countc = $("#c.cclass").length;
var countd = $("div#c.cclass").length;

La primera línea cuenta los elementos con la clase "cclass" en el elemento con el ID "c". La segunda línea cuenta todos los elementos con la clase "cclass" en el elemento con el ID "c" en un contenedor DIV.
15/08/2020 a las 22:30

ResponderPositivo Negativo
Responder

Temas Relacionados

jQuery: ¿Hay un Elemento?

Consejo | 1 Comentario

jQuery: Mostrar y Ocultar Elementos

Tutorial | 0 Comentarios

CSS: Cómo incluir CSS en HTML

Tutorial | 0 Comentarios

Aviso Importante

Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.

Participar

Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.