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.

chercher |

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

MARKETPOWER-IA
Logiciel d'I.A.
Logiciel d'I.A. 100% Français pour lancer son business en ligne

La méthode secrète likes sans fin sur Facebook

Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.

GAGNER DE L'ARGENT
GRÂCE À FACEBOOK 
N'A JAMAIS ÉTÉ SI FACILE


Consulter


1tpe