JQuery Klasse Hinzufügen Zum Übergeordneten Objekt

Ich versuche, um eine Klasse von 'aktiv' zu einer übergeordneten Liste posten, wenn einem seiner Kinder hat die Klasse 'active'.

Aktuelle html:

<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>

aktuellen JQuery:

if($('ul.top li ul.drop li').hasClass('active')) {
            $('ul.top li.parent').addClass('active');
    }

Finden Sie http://jsfiddle.net/FmT52/ zu sehen, wie weit ich habe.

Ich habe es geschafft, die Hälfte tun es aber nur so weit, wie mit Jquery hinzufügen der Klasse der "aktiven", um alle top-level-Einträge.

Wie immer, jede Hilfe wird sehr geschätzt.

Versucht $('ul.top li ul.drop li').hasClass('active')(function(){ $(this).parent().addClass('active'); } aber kein Glück...

InformationsquelleAutor user1817708 | 2012-12-13

  1. 3

    Können Sie mit einer Schleife über alle li's und fügen Sie die Klasse, um die closest parent ul

    $('ul.top li').each(function(){
    var $this = $(this);
    if($this.hasClass('active')){
        $this.closest('li.parent').addClass('active');
    }        
});

    Überprüfen fiddle

    Ich danke Ihnen sehr 🙂
    Sie sind willkommen 🙂

    InformationsquelleAutor Sushanth --

  2. 3

    versuchen Sie dieses:

    $('li.active').parent().closest('li.parent').addClass('active');

    Kasse der Geige: http://jsfiddle.net/FmT52/8/

    InformationsquelleAutor Jai

  3. 0

    Können Sie tun einfacher :

     $('ul.top li.parent:has(.active)').addClass('active');

    InformationsquelleAutor Denys Séguret

Schreibe einen Kommentar