oujood.com

jQuery : sélecteur des élément pair (:even)

Le  sélecteur :even sélectionne chaque élément avec un  numéro d'index  pair(comme: 0, 2, 4)
Dans ce tutoriel on va voir comment on peut utiliser ce sélecteur.

search |

Définition et Usage sélecteur :even

Le sélecteur :even de jQuery est utilisé pour sélectionner un élément dont l'indice est un nombre pair. Le numéro de l'index commence à 0. Le fonctionnement est le même que celui du sélecteur :odd pour la sélection des nombres impairs mais pour les nombres pairs.

Le  sélecteur :even sélectionne chaque élément avec un  numéro d'index  pair(comme: 0, 2, 4).

Les numéros d'index dans les tableaux commencent à 0, donc le premier élément sera un nombre pair (0).

Pour sélectionner tous les éléments indexés et pair dans un groupe, le sélecteur :even doit  surtout être utilisé avec un autre sélecteur (comme dans l'exemple ci-dessous).

Syntaxe

$(":even")

Exemple : sélectionner les élément tr dont  l’index pair

Sélectionner le code


  <!DOCTYPE html>
   <html lang="en">
   <head>
        <meta charset="utf-8">
     <title>jQuery selecteur élément pair et even </title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){$("tr:even").css("background-color","#ccc");
  });
  </script>
  </head>
  <body>
  <h1>Liste de mes amis</h1>
  <table>
  <tr>
    <th>Nom</th> <th>Prenom</th> <th>Age</th>
  </tr>
  <tr>
  <td>Anders</td>
  <td>Maria </td>
  <td>28</td>
  </tr>
  <tr>
  <td>Berglund</td>
  <td>Christina </td>
  <td>27</td>
  </tr>
  <tr>
  <td>Chang</td>
  <td>Francisco </td>
  <td>25</td>
  </tr>
  <tr>
  <td>Mendel</td>
  <td>Roland </td>
  <td>31</td>
  </tr>
  <tr>
  <td>Bennett</td>
  <td>Helen </td>
  <td>22</td>
  </tr>
  <tr>
  <td> Cramer</td>
  <td>Philip</td>
  <td>45</td>
  </tr>
  <tr>
  <td> Tannamuri</td>
  <td>Yoshi</td>
  <td>18</td>
  </tr>
  <tr>
  <td>Rovelli</td>
  <td>Giovanni </td>
  <td>42</td>
  </tr>
  <tr>
  <td>Crowther</td>
  <td>Simon </td>
  <td>36</td>
  </tr>
  </table>
  </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 :

Ligne dessinée en SVG et SVG polyligne

Déssinée des lignes en SVG

fonction sha1_fille, sha1_file

Calcule le sha1 d'un fichier

Formats  médias de Windows

Formats  médias de Windows
Ce chapitre décrit les nouveaux formats Windows Media.



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