Как найти элемент на основе двух селекторов?

Question

у меня есть дум дерево, как это:

ul #navigation 
    li .active 
    ul 
     li.active_li 
     li 
     li 
    /ul 
    li 
    ul 
     li.active_li 
     li 
     li 
    /ul 
/ul 

я хотел бы найти li с классом active_li внутри ul принадлежащего li, который имеет класс active. :)

, как мы видим, есть 2 li с классом active_li. я хочу только первый один

что-то вроде: $('#navigation').find('li.active').find('li.active)li').doSomething();

этот селектор не похоже на работу

какие-нибудь идеи?

Answer 1

Попробуйте этот селектор:

$('#navigation li.active ul li.active_li') 
         ^^ 
          \_ You can get rid of this, as <li> elements 
          exist only within <ul> elements. 

Answer 2

Вы можете использовать

$('#navigation li.active li.active_li').each(function(){ 

}); 

и флаг функция отключения после запуска первого.

Или если вы просто хотите, чтобы первый выбранный:

$('#navigation li.active li.active_li').first();