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

Accès aux éléments dans l'ordre inverse avec la méthode .each() de jQuery

Dans jQuery, la méthode .each() parcourt intrinsèquement les éléments dans un commande à terme. Cependant, il peut y avoir des situations dans lesquelles vous devrez accéder aux éléments dans l'ordre inverse. Cet article répond à une requête courante : comment inverser l'ordre des éléments sélectionnés à l'aide de .each() dans jQuery.

Pour inverser l'ordre des éléments sélectionnés, vous pouvez utiliser l'approche suivante :

1. Récupérer le tableau des éléments sélectionnés : En utilisant $("li").get(), vous pouvez récupérer un tableau des éléments sélectionnés.

   <code class="javascript">var elements = $("li").get();</code>

   Copier après la connexion

2. Inverser le tableau : Utilisez la méthode reverse() sur le tableau pour inverser son ordre.

   <code class="javascript">elements.reverse();</code>

   Copier après la connexion

3. Appliquer . each() sur le tableau inversé : Passez le tableau inversé dans $.each(), qui parcourra les éléments dans l'ordre inverse.

   <code class="javascript">$(elements).each(function() { /* ... */ });</code>

   Copier après la connexion

Par exemple, considérez l'extrait HTML fourni :

<code class="html"><ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
   <li>Item 5</li>
</ul></code>

Pour sélectionner et parcourir les éléments li dans l'ordre inverse à l'aide de .each() de jQuery, vous utiliserez le code suivant :

<code class="javascript">$($("li").get().reverse()).each(function() {
  // ... Perform desired actions on each element in reverse order
});</code>

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!