Ce que j'ai besoin d'ajouter une classe sur hover à l'étiquette avec un menu ci-dessous est le menu. Des idées?menu trouver un enfant de l'élément li avec jQuery
<ul id="nav"> ...
<li><a href="">Home</a></li>
<li><a href="">Another</a>
<ul>
<li><a href="">Sub</a></li>
Vous pouvez y parvenir sans jQuery en utilisant des classes de Psuedo css. Tous les éléments en html gagnent une classe psuedo de: hover lorsque la souris les survole.
Pour les sélectionner dans CSS:
#nav li ul li:hover {
// Your style here.
}
En gardant à l'esprit le refus d'IE (6, et * peut-être * 7) d'appliquer ': hover' sur des éléments non-' a'. –
$("#nav a").hover(
function() { $(this).closest("a").addClass("current"); },
function() { $(this).closest("a").removeClass("current"); }
);
Je dois ajouter la classe à l'étiquette au lieu du parent ul? –
Quelle étiquette? 'a' est une étiquette,' ul' est une étiquette, 'li' est une étiquette – hunter
le parent ul> li> un tag –
Cette méthode est ce que vous avez besoin http://api.jquery.com/closest/ Dieu bénisse jQuery
Pourraient mais juste plus rapide à faire
$(document).ready(function() {
$('#nav a:hover').parents('div > ul > li:hover > a').addClass('current');
});
Vous essayez ajouter la classe à l'étiquette d'ancrage ou à l'étiquette de menu principal? Et ne faites-vous cela que lorsque vous survolez un élément du sous-menu? –