oujood.com

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

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

chercher |

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>
Par gerywa 25 juillet 2014



Voir aussi nos tutoriel :

fonction ucfirst, ucfirst

Met le premier caractère en majuscule

fonction strtotime

Transforme un texte anglais en timestamp

fonction strftime

Formate une date/heure locale avec la configuration locale