Méthode prevAll() de jQuery parcourir

Exemple

Localiser tous les div avant le dernier div et ajouter une classe à :

$("div:last").prevAll().addClass("before");

Essayer par vous-même

Définition et utilisation

prevAll() obtient les éléments frères précédents de chaque élément de la collection de correspondance actuelle, le filtrage par sélecteur est optionnel.

Syntaxe

.prevAll(selector)
Paramètre Description
selector Valeur de chaîne, contenant l'expression du sélecteur utilisée pour correspondre aux éléments.

Explication détaillée

Si un objet jQuery représentant un ensemble d'éléments DOM est donné, la méthode .prevAll() permet de chercher des éléments frères précédents de ces éléments dans l'arbre DOM, et de construire un nouveau jQuery object avec les éléments correspondants.

Cette méthode accepte une expression de sélecteur optionnelle, du même type que les paramètres passés à la fonction $(). Si ce sélecteur est appliqué, les éléments sont filtrés par le biais de la vérification de la correspondance de l'élément avec ce sélecteur.

Penser à cette page avec une liste imbriquée de base :

<ul>
   <li>Élément de liste 1</li>
   <li>Élément de liste 2</li>
   <li class="third-item">Élément de liste 3</li>
   <li>Élément de liste 4</li>
   <li>Élément de liste 5</li>
</ul>

Si nous commençons à partir du troisième élément, nous pouvons trouver des éléments frères entre eux:

$('li.third-item').prevAll().css('background-color', 'red');

Essayer par vous-même

Le résultat de l'appel ici est de définir le fond des éléments 2 et 1 en rouge. Comme nous n'avons pas appliqué l'expression du sélecteur, ces éléments précédents deviennent naturellement une partie de l'objet. Si un sélecteur est appliqué, ces éléments sont vérifiés s'ils correspondent au sélecteur avant de les inclure dans l'élément.