Выбор родительского ребенка в jQuery

Question

Я думаю, что все, что мне нужно, это селектор, но не могу найти его. Я хочу, чтобы выбрать якорный тег, но может только выбрать li с помощью .parent() ...

JQuery:

$("nav ul li > ul").parent().append('<span class="arrow">&darr;</span>'); 

HTML:

<li><a href="#">The Events</a> 
    <ul> 
    <li><a href="#">Schedule</a></li> 
    <li><a href="#">Buy Tickets</a></li> 
    <li><a href="#">Features</a></li> 
    </ul> 
</li> 

Код выше ставит стрелку справа li s, но один уровень к высокому. Мне нужно настроить таргету lia.

Answer 1

Вы можете использовать .siblings(), как это:

$("nav ul li > ul").siblings("a").append('<span class="arrow">&darr;</span>'); 

You can find a full list of traversal functions here.

Answer 2

Ответил сам. С помощью .children("a") я смог выбрать якорь. Окончательный код выглядел так:

$("nav ul li > ul").parent().children("a").append('<span class="arrow">&darr;</span>'); 

Answer 3

Это происходит при нажатии ссылки или при загрузке?