Discussion :

[CedriZero]

Bonjour,

j'ai un menu de navigation de ce type

Code html :

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

1
2
3
4
5
6
7
<nav>
	<ul>
		<li><a href="#page1">Page 1</a></li>
		<li><a class="selected" href="#page2">Page 2</a></li>
		<li><a href="#page3">Page 3</a></li>
	</ul>
</nav>

j'aimerai récupérer la target du <a> qui se trouve après le <a> avec la class "selected"

J'ai bien essayé plusieurs chose mais rien ne fonctionne voici ce que j'ai testé en dernier:

Code :

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

var targetNext = $("a:hasClass(selected)").next().attr("href");

Si quelqu’un a une idée
Merci d'avance

[Bovino]

Les balises <a> n'ont pas de balises frères, donc la notion de .next() n'a pas de sens.

[CedriZero]

d'accord merci,
alors comment je peut faire,
se servir du <li>?

[Bovino]

Oui, il faut remonter, aller au suivant et redescendre dans l'arborescence.

[CedriZero]

Ok
donc en gros je fait un parent() pour remonter au <li> puis un next() pour accéder au prochain <li> et enfin un children() pour accéder au <a> recherché?

[danielhagnoul]

Ok
donc en gros je fait un parent() pour remonter au <li> puis un next() pour accéder au prochain <li> et enfin un children() pour accéder au <a> recherché?

En gros et en détail, oui ! Mais...

Code :

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

1
2
3
4
5
6
7
/*
 * Il y a plusieurs chemins pour aller à Rome.
 * 
 * Si vous cherchez la valeur de l'attribut href
 * du tag a ayant la classe "selected"
 */
var targetNext = $( "nav > ul" ).find( "a[class='selected']" ).attr( "href" );