oujood.com

jQuery  Sélecteur :eq() élément avec un index spécifique.

Le sélecteur : eq() sélectionne un élément avec un numéro d'index spécifique

chercher |

Définition et utilisation sélecteur :eq()

Le sélecteur : eq() sélectionne un élément avec un numéro d'index spécifique.

Si les numéros d'index commencent à 0,  le premier élément aura le numéro d'index 0 (pas 1).

Le sélecteur : eq()  est utilisé avec un autre sélecteur pour sélectionner un élément avec un indexe donné dans un groupe (comme dans l'exemple ci-dessous).

Syntaxe

 $(":eq(index)")

Paramètre Descriptif
l'indice Requis. Spécifie l'index de l'élément à sélectionner

Exemple : sélectionner l’élément p avec index (2)

Exemple :       Copier le code

  <!DOCTYPE html>
   <html lang="en">
   <head>
        <meta charset="utf-8">
     <title>jQuery sélectionner l’élément  avec l'index</title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("p:eq(2)").css("background-color","#aaff00");
  });
  </script>
  </head>
  <body>
  <h1>Bien venu sur mon site</h1>
  <p>Ceci est un élément avec index (0)</p>
  <p>Ceci est un élément avec index (1)</p>
  <p>Ceci est un élément avec index (2)</p>
  <p>Ceci est un élément avec index (3)</p>
  <p>Ceci est un élément avec index (4)</p>
  <p>Ceci est un élément avec index (5)</p>
  </body>
  </html>



Par gerywa 25 juillet 2014

Voir aussi nos tutoriel :

text-align

Spécifie l'alignement horizontal du texte

Balises des titres h1...h6

Définit balises de niveau des titres HTML

Elément XSLT XSL if

Elément XSLT XSL if