logo oujood
🔍

jQuery : Sélecteur d'élément HTML impair :odd()

OUJOOD.COM

Définition et utilisation Sélecteur  :odd

Le sélecteur :odd sélectionne chaque élément avec un numéro d'index impair (comme: 1, 3, 5).

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

Cela est principalement utilisé conjointement avec un autre sélecteur pour choisir chaque élément impair indexés dans un groupe (comme dans l'exemple ci-dessous).

Syntaxe

$("tr:odd")

Exemple : Sélectionnez tous les élément tr impair

Exemple :    📝  Copier le code 

  <!DOCTYPE html>
   <html lang="en">
   <head>
        <meta charset="utf-8">
     <title>jQuery selecteur élément impair </title>
  <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("tr:odd").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>
JQuery référenves des sélecteurs
Par gerywa 25 juillet 2014