first - parent jquery

jQuery cuenta el número de divs con una cierta clase?

Question

Considerando algo como esto;

<div class="wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

¿Cómo podría, usando jQuery (o JS simple, si es más corto, pero lo dudo) contar el número de divs con la clase "item"? En este ejemplo, la función debe devolver 5, ya que hay 5 divs con la clase de elemento.

¡Gracias!

Answer 1

Acabo de crear esta función js usando la función de tamaño jQuery http://api.jquery.com/size/

function classCount(name){
  alert($(''.''+name).size())
}

Alerta la cantidad de veces que aparece el nombre de clase en el documento.

Answer 2

Para un mejor rendimiento, debe usar:

var numItems = $(''div.item'').length;

Ya que solo buscará los elementos div en DOM y será rápido.

Sugerencia: usar size() lugar de propiedad de length significa un paso adicional en el proceso, ya que SIZE() usa la propiedad de length en la definición de la función y devuelve el resultado.

Answer 3

Puede usar la propiedad jQuery.children.

var numItems = $(''.wrapper'').children(''div'').length;

para obtener más información, consulte http://api.jquery.com/

Answer 4

Puede usar la propiedad jquery .length

var numItems = $(''.item'').length;

Answer 5

Y para la respuesta js llana si alguien podría estar interesado;

var count = document.getElementsByClassName("item");

Aclamaciones.

Referencia: https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp