Comment parcourir les éléments dans l'ordre inverse avec .each() de jQuery ?

Itération des éléments en arrière avec .each() de JQuery

Dans les situations où vous devez parcourir des éléments dans l'ordre inverse dans le DOM, la fonction .each() par défaut de JQuery ne suffira peut-être pas. Considérez le code HTML suivant :

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

Pour sélectionner tous les éléments li et les itérer vers l'arrière, nous pouvons utiliser l'approche suivante :

$.($("li").get().reverse()).each(function() { /* ... */ });

Voici comment cela fonctionne :

1. Sélectionnez les éléments li : $("li").
2. Convertissez le résultat en un tableau natif : get() renvoie les éléments sous forme de tableau.
3. Inversez le tableau : reverse() crée un nouveau tableau avec les éléments dans l'ordre inverse.
4. Enveloppez le tableau inversé dans un objet jQuery : $() nous permet d'utiliser les fonctions JQuery sur le tableau inversé.
5. Appliquez la fonction .each() pour parcourir les éléments dans l'ordre inverse.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!