Выберите первый ребенок, у которого есть соответствующий класс

Question

Я хочу получить первое li, у которого есть «меню» класса (если скрипт будет работать корректно, Link1 должен быть окрашен в красный цвет). Вот шлепнуть с моими попытками 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

Просто попробуйте:

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

Answer 2

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

Стать

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

И это сделано.

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>

Удалите пробелы. если вы ссылаетесь на li с классом .menu, это должно быть без пробела. если у вас есть свободное пространство, он будет искать ребенка