Comment puis-je compter le nombre d'éléments avec la même classe ?

Question

J'ai un div principal dans ma page avec un id spécifique. Maintenant, certains éléments d'entrée de la même classe sont présents dans ce div . Alors comment puis-je compter le nombre de ces éléments de même classe dans ce div utilisant jQuery ?

Answer 1

Avec jQuery vous pouvez utiliser

 $('#main-div .specific-class').length

sinon dans Vanilla JS (à partir de IE8 inclus) vous pouvez utiliser

 document.querySelectorAll('#main-div .specific-class').length;

Answer 2

Vous pouvez accéder au nœud parent, puis interroger tous les nœuds avec la classe recherchée. alors nous obtenons la taille

 var parent = document.getElementById("parentId");
var nodesSameClass = parent.getElementsByClassName("test");
console.log(nodesSameClass.length);

 <div id="parentId">
  <p class="prueba">hello word1</p>
  <p class="test">hello word2</p>
  <p class="test">hello word3</p>
  <p class="test">hello word4</p>
</div>

Answer 3

document.getElementsByClassName("classstringhere").length

La document.getElementsByClassName("classstringhere") renvoie un tableau de tous les éléments avec ce nom de classe, donc .length vous en donne le nombre.

Answer 4

$('#maindivid').find('input .inputclass').length