jQuery: Compter les Éléments, les Images, les Classes, etc.

Chaque sélecteur jQuery est également un tableau / array des éléments associés et possède la propriété "length". Nous pouvons l’utiliser pour déterminer le nombre de certains éléments d’un site Web.

Avec cette méthode, tout est possible de compter, ce que l'on peut sélectionner avec jQuery: le nombre d'images, le nombre de titres, le nombre de éléments p, le nombre de liens, le nombre d'éléments avec un certain ID ou classe, autre des constructions combinées plus compliquées et bien plus encore.

Tout d'abord, regardons un exemple simple:

var nombre = $('img').length;

alert("La page contient " + nombre + " images.");

Avec le sélecteur $('img'), nous sélectionnons toutes les images de la page actuelle (les images sont marquées de la balise "img" en HTML, à condition qu'elles ne soient pas intégrées comme image de fond d'un élément via "background-image" ou semblable). Après cela, nous affichons une alerte indiquant le nombre d’images.

Plus d’Exemples

Examinons quelques autres exemples de détermination du nombre d'éléments avec un certain ID ou certaines classes:

var nom1 = $('.a').length;
var nom2 = $('#b').length;
var nom3 = $('.c.d').length;

Ici, nous déterminons tout d'abord le nombre d'éléments avec la classe "a", puis tous les éléments avec l'ID "b" et enfin tous les éléments auxquels sont attribuées les classes "c" et "d".

Vous pouvez utiliser chaque sélecteur jQuery que vous pouvez imaginer pour cela.

Vérifier si un certain Élément existe

Même si nous ne sommes pas intéressés par le nombre exact d'un certain élément ou d'un certain groupe d'éléments, mais que nous voulons simplement savoir si l'un de ces éléments existe sur notre page Web, nous pouvons travailler avec la méthode présentée ici. Il suffit de vérifier si .length est égal à 0 ou supérieur à 0, pour savoir s'il existe ou non des éléments de ce type.