Discussion :

[mapmip]

Salut,

dans un div j'ai 10 span,
comment faire pour selectionner tous les span sauf les 3 premiers ?

Merci d'avance

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#idDIV > span:gt(2)')

gt => greater than
avec indexe commençant à 0

[Invité]

@SpaceFrog
On en arpprend tous les jours

1- A NOTER QUE : :gt() est un sélecteur spécifique jQuery.

2- Avec le sélecteur CSS :nth-child(), on aurait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#idDIV > span:nth-child(1n+3)')

[SpaceFrog]

@jreaux62:
il s'agit en fait de ce qu'ils nomment des pseudos sélecteurs, comme :eq() et :lt()

pour la position ou la place séquetielle
:first
:last
:odd
:even

il y en a toute une palette https://www.w3schools.com/jquery/jqu..._selectors.asp

[Invité]

@SpaceFrog
On est d'accord.
Je n'ai pas mis en gras ce qu'il fallait "noter" :

1- A NOTER QUE : :gt() est un (pseudo-)sélecteur spécifique jQuery.

Ce N'est PAS un sélecteur CSS.

On ne peut donc pas écrire :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#idDIV > span:gt(2) { /* Ce N'est PAS un sélecteur CSS */
   color:red;
}

Il faut ici un "vrai" sélecteur CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#idDIV > span:nth-last-child(1n+3) {
   color:red;
}

Voili, voilou...


N.B. Perso, je préfère me référer à la "DOC officielle JQuery" : Category: Selectors

[SpaceFrog]

Tout dépend du besoin que nous ne connaissons pas ...

[Invité]

@SpaceFrog
Je crois qu'on ne se comprend pas.

Mon intervention vise simplement et uniquement à attirer l'attention sur le fait de NE PAS FAIRE DE CONFUSION entre "sélecteur CSS" et "sélecteur spécifique jQuery".


jQuery a étendu la gamme de ses sélecteurs, dont certains N'EXISTENT PAS en CSS.

[SpaceFrog]

Et la mienne vise a attirer l'attention sur le fait que si c'est juste pour appliquer un style il suffit de passer par les pseudos sélecteurs css