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

search |

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

jQuery cours tutorial

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)

Sélectionner 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

Trafic Booster
hebergement web

SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

fonction date

Formate une date/heure locale

fonction str_pad

Complète une chaîne jusqu' une taille donnée

les grilles en bootstrap

Comment on utilise le système de grilles Bootstrap 3 pour deviser facilement les pages web en lignes et colonnes.



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci