jQuery - Un exemple de sélecteur d’enfants uniquement

jQuery - Exemple de sélecteur d'enfant uniquement

Le «only-child» est utilisé pour sélectionner tous les éléments qui sont le seul enfant de leur parent.

Exemples

  1. $(‘:only-child’) – selects all elements that are the only child of their parent.

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

  3. that are the only child of their parent.

Exemple jQuery

Dans cet exemple, lorsque l'utilisateur clique sur le bouton, seuls les<li>DEF #1</li> correspondent et changent de couleur d'arrière-plan de manière dynamique, car c'est le seul enfant de leur parent.



jQuery only child example






jQuery only child example

  • ABC #1
  • ABC #2
  • ABC #3
  • ABC #4
  • ABC #5
  • DEF #1
  • GHI #1
  • GHI #2