Почему мой addClass не работает?

Question

У меня есть ниже строки кода, который не работает:

$("ul li.open > a").addClass("level-one"); 

Но если я изменить его, чтобы найти идентификатор, а не класса он работает

Мне нужно, чтобы получить эту работу без таргетинга идентификатор:

$("ul li#menu-item-24 > a").addClass("level-one"); 

Вот код средства разработки дает мне (это с идентификатором строки кода выше), я глупа здесь ?:

:

Я пытаюсь настроить таргетинг на ссылку, которая отправляется в Google (используется для примера).

Стоит отметить, что инструменты dev не приносят никаких ошибок для любой линии.

EDIT

КИ .open класса добавляются, когда связь первого уровня щелкнула (структура для плагина меню аккордеона я использую - https://github.com/tefra/navgoco) и в соответствии с просьбой вот мой HTML:

<ul id="demo1" class="nav"><li id="menu-item-24" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-24 open"><a href="http://google.com">Logged In<span class="caret"></span></a> 
<ul class="sub-menu" data-index="0" style="display: block;"> 
    <li id="menu-item-25" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25"><a href="#test" class="boobies">Sub menu item</a></li> 
</ul> 
</li> 
<li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-26"><a href="http://skills.com">Testing<span class="caret"></span></a> 
<ul class="sub-menu" data-index="1" style="display: none;"> 
    <li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27"><a href="http://boom.com" class="boobies">Child</a></li> 
</ul> 
</li> 
</ul> 

JS для плагина можно найти здесь: https://github.com/tefra/navgoco/blob/master/src/jquery.navgoco.js

Все, что я делаю для него инициализируется гармошку так:

$("#demo1").navgoco({accordion: true}); 

Answer 1

Хорошо, я был вырыть через плагин, я использую и нашел способ, которым она предназначается для этой конкретной ссылке:

$("li:has(ul) > a").addClass("level-one"); 

Это работало. Я ценю количество людей, которые пытались попытаться и помочь.

Answer 2

Я избегаю использования оператора >, так как я всегда с ним не пользуюсь. Я хотел бы сделать это:

$("ul li.open a").first().addClass("level-one"); 

Answer 3

Try:

$("ul li.open a:first").addClass("level-one"); 

Answer 4

Если ваш класс добавляется после, может нужно было записать так:

$("ul").find(".open > a").addClass("level-one"); 

Answer 5

Это предполагает, что ваша уль загружается с классом .nav по умолчанию, и он не добавляется позже.

$('ul.nav').on('click','.menu-item', function(){ 
    $(this).children('a').first().addClass('level-one'); 
});