Выбор родительского ребенка в 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, но на один уровень выше. Мне нужно нацелиться на тег li a.

Answer 1

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

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

Полный список функций обхода вы можете найти здесь .

Answer 2

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

Answer 3

ответил сам. Используя .children("a"), я смог выбрать якорь. Итоговый код выглядел так:

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