Maison  >  Article  >  interface Web  >  Comment parcourir les éléments jQuery dans l’ordre inverse à l’aide de .each() ?

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-30 10:28:02959parcourir

How to Iterate Through jQuery Elements in Reverse Order Using .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>
  2. Inverser le tableau : Utilisez la méthode reverse() sur le tableau pour inverser son ordre.

    <code class="javascript">elements.reverse();</code>
  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>

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn