Méthode prev() de jQuery navigation
Exemple
Recherche de chaque paragraphe, trouver l'élément frère précédent avec la classe "selected" :
$("p").prev(".selected")
Définition et utilisation
prev() obtient l'élément frère précédent immédiat de chaque élément de la collection correspondante, le filtrage par sélecteur est optionnel.
.prev(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 fourni, la méthode .prev() nous permet de chercher les éléments frères précédents de ces éléments dans l'arbre DOM, et de construire un nouveau jQuery object à partir des é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 seront filtrés en vérifiant s'ils correspondent à ce sélecteur.
Pensez à 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 par le troisième élément, nous pouvons trouver l'élément voisin immédiat entre eux:
$('li.third-item').prev().css('background-color', 'red');
Le résultat de l'appel ici est de définir le fond du projet 2 en rouge. Comme nous n'avons pas appliqué l'expression du sélecteur, l'élément précédent est naturellement devenu une partie de l'objet. Si un sélecteur est appliqué, il sera vérifié si l'élément correspond avant de l'inclure.
