Discussion :

[7804j]

Bonjour,

Je souhaiterais faire un petit script qui affecte toutes les ancres de mon site, excepté celles inclues dans la classe "tabs". J'ai donc essayé un sélecteur de ce type :

jQuery('a[href^="#"]:not(.tabs)')

Le tout fonctionne bien, mais le :not(.tabs) n'a pas l'air de fonctionner dans ce html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
	<div class="tabs">
		<ul>
			<li><a href="#coms">Derniers commentaires</a></li>
			<li><a href="#tutos">Derniers tutoriels publiés</a></li>
			<li><a href="#forum">Derniers messages sur le forum</a></li>
		</ul>
 
		<div id="coms">
		sfgsdfg
		</div>
 
		<div id="tutos">sdfgsdfg
		</div>
 
		<div id="forum">sdfgsfdgsdgsdfgsdfgs
		</div>
 
	</div>

Aurais-je fait qqch de faux dans la syntaxe ou l'erreur viendrait-elle d'ailleurs ?

Merci d'avance,

7804j

[danielhagnoul]

$( "div:not( .tabs ) a[href^='#']" ).

[SpaceFrog]

Il me semble qu'il y a abus de langage sur le mot ancre...

Ancre = id ...

SI le but est d'affecter tous les liens hormis ceux contenus dans les divs de classe .tabs

Code :

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

$( "a:not('.tabs a' )" ).

[danielhagnoul]

Si l'on veut sélectionner uniquement les tags "a" dont l'attribut "href" commence par un "#", alors : $( "a[href^='#']:not( .tabs a )" ).