Selecteurs: ":nth-child(index/even/odd/equation)"

Recherche tous les éléments qui sont le nieme fils ou un fils pair ou impair de leur parent.

A l'inverse du selecteur :eq(index) qui ne retourne qu'un seul élément, :nth-child() peut en retourner plusieurs : un concernant chaque parent faisant partie de la sélection. Dans le cas ou un index est spécifié, la première valeur est 1 contrairement à :eq(index), ou la première valeur de l'index est 0.

Version: disponible depuis la version 1.0 de JQuery

Valeur de retour: tableau d'éléments

Exemple :

Recherche le second élément LI de chaque UL et l'annote.

$("ul li:nth-child(2)").append("<span> - 2nd!</span>");
  <html>
  <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript">
  	$(document).ready(function(){
  		$("ul li:nth-child(2)").append("<span> - 2nd!</span>");
  	});
  </script>
  
  <style>
  
  div { float:left; }
  span { color:blue; }
  
  </style>
  </head>
  <body>
  	
  <div><ul>
    <li>John</li>
    <li>Karl</li>
    <li>Brandon</li>
  </ul></div>
  <div><ul>
    <li>Sam</li>
  </ul></div>
  <div><ul>
    <li>Glen</li>
    <li>Tane</li>
    <li>Ralph</li>
    <li>David</li>
  </ul></div>
  </body>
  </html>

0 Commentaire (afficher/poster)