JQuery Ajouter Une Classe À L'Objet Parent
Je suis en train d'ajouter une classe de "actif" à un parent de l'élément de liste si un de ses enfants a la classe "active".
Html actuel:
<ul class="top">
<li class="parent"><a href="#">Link1</a>
<ul class="drop">
<li class="active"><a href="#">Link1-1</a></li>
<li><a href="#">Link1-2</a></li>
<li><a href="#">Link1-3</a></li>
</ul>
</li>
<li><a href="#">Link2</a></li>
<li class="parent"><a href="#">Link3</a></li>
</ul>
actuel JQuery:
if($('ul.top li ul.drop li').hasClass('active')) {
$('ul.top li.parent').addClass('active');
}
Veuillez voir http://jsfiddle.net/FmT52/ pour voir à quel point j'ai.
J'ai réussi à la moitié de le faire, mais seulement dans la mesure où l'utilisation de Jquery pour ajouter la classe de "actif" à tout, de haut niveau, les éléments de la liste.
Que jamais, toute aide sera grandement appréciée.
Essayé
$('ul.top li ul.drop li').hasClass('active')(function(){ $(this).parent().addClass('active'); }
mais pas de chance...OriginalL'auteur user1817708 | 2012-12-13
Vous devez vous connecter pour publier un commentaire.
Vous pouvez faire une boucle sur tous les
li's
et ajouter la classe à laclosest parent ul
Vérifier violon
Vous êtes les bienvenus 🙂
OriginalL'auteur Sushanth --
essayer avec celui-ci:
la caisse du violon: http://jsfiddle.net/FmT52/8/
OriginalL'auteur Jai
Vous pouvez faire plus simple :
OriginalL'auteur Denys Séguret