TOC

jQuery - Premier enfant

jQuery - Exemple de sélection du premier enfant et du dernier enfant

Le:first-child est utilisé pour sélectionner tous les éléments qui sont le premier enfant de leur parent, ce qui est un raccourci pour: nth-child (1).

Exemples

  1. $(‘li:first-child’) – selects all elements matched by

  2. that are the first child of their parent.

  3. $(tr:first-child’) – selects all elements matched by that are the first child of their parent.

Le:last-child est utilisé pour sélectionner tous les éléments qui sont le dernier enfant de leur parent.

Exemples

  1. $(‘li:last-child’) – selects all elements matched by

  2. that are the last child of their parent.

  3. $(tr:last-child’) – selects all elements matched by that are the last child of their parent.

Exemple jQuery

Un exemple simple pour démontrer l'utilisation du premier enfant et du dernier enfant pour ajouter dynamiquement la couleur d'arrière-plan «li». 



jQuery first child and last child example







jQuery first child and last child example



    
    
  • li #1
    • 
    
  • li #2
    • 
    
  • li #3
    • 
    
  • li #4
    • 
    
  • li #5
    •

Essayez la démo

Related