Wählen Sie das erste Kind mit der richtigen Klasse

Question

Ich möchte zuerst li, die Klasse "Menü" hat (wenn Skript funktioniert, sollte Link1 rot gefärbt werden). Hier mit meinen Versuchen, zupfen http://plnkr.co/edit/vc6Dz23mXCipw2IjKAJe?p=preview

$(document).ready(function(){ 
    $(".page-sidebar .menu :first").addClass("active"); //??? 
    $(".page-sidebar .menu :first :first-child").addClass("active"); 
}); 

Answer 1

Versuche mal:

$(".page-sidebar .menu:first").addClass("active"); 

Answer 2

$(".page-sidebar .menu :first").addClass("active"); //??? 

Werden

$(".page-sidebar .menu:first").addClass("active"); //??? 

Und das getan hat.

Answer 3

$(".page-sidebar .menu:first").addClass("active"); //???

.active{ 
 
    color:red 
 
    
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="page-sidebar"> 
 
     <li class="toggler"><button class="btn btn-info"></button></li> 
 
     <li class="search"><input type="text" placeholder="Search..."></li> 
 
     <li class="menu">Link1 
 
     <ul class="sub-menu"> 
 
      <li>Link1.1</li> 
 
      <li>Link1.2</li> 
 
     </ul> 
 
     </li> 
 
     <li class="menu">Link2 
 
     <ul class="sub-menu"> 
 
      <li>Link2.1</li> 
 
      <li>Link2.2</li> 
 
     </ul> 
 
     </li> 
 
     <li class="menu">Link3</li> 
 
     <li class="menu">Link4</li> 
 
     <li class="menu">Link5</li> 
 
    </ul>

die Räume entfernen. Wenn Sie li mit class .menu beziehen, sollte es keinen Platz haben. Wenn Sie Platz haben, wird es nach Kind suchen