nombre de jQuery nombre de div avec une certaine classe?

Considérant quelque chose comme ça;

Comment pourrais-je, en utilisant jQuery (ou JS ordinaire, si c’est plus court – mais j’en doute), compter le nombre de divs avec la classe “item”? Dans cet exemple, la fonction devrait renvoyer 5, car il existe 5 divs avec la classe item.

Merci!

Vous pouvez utiliser la propriété jquery .length

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

Pour de meilleures performances, vous devez utiliser:

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

Comme il ne cherchera que les éléments div dans DOM et sera rapide.

Suggestion: utiliser la propriété size() au lieu de length signifie une étape supplémentaire dans le traitement, car SIZE() utilise la propriété length dans la définition de la fonction et renvoie le résultat.

Vous pouvez utiliser la propriété jQuery.children.

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

pour plus d’informations, consultez http://api.jquery.com/

Je viens de créer cette fonction js en utilisant la fonction de taille jQuery http://api.jquery.com/size/

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

Il alerte le nombre de fois où le nom de la classe apparaît dans le document.

Et pour la plaine, répondez si quelqu’un peut être intéressé;

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

À votre santé.

Référence: https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp