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