Я пытаюсь использовать jquery для выбора элемента и добавления класса к этому элементу. Мой html похож на следующий:
<ul id="top">
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor">
<a href="#">Corporate</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11">
<a href="#">Press</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-88 current_page_item menu-item-90">
<a href="#">Press</a>
</li>
</ul>
</li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a>
<ul class="sub-menu"><li><a href="#">Link</a></li></ul>
</li>
</ul>
Я хотел бы добавить класс «стрелка» к каждой якорной ссылке, которая является прямым дочерним элементом элементов <li>
первого уровня. Другими словами, я хотел бы, чтобы «корпоративная» ссылка имела класс «стрелка», но ни одна из якорных ссылок в .submenu не имела этого класса. Я пробовал следующий jquery ($("li.current_page_ancestor a:nth-child(1)").addClass("arrow");
), но он добавляет класс к каждой якорной ссылке, что имеет смысл. Как просто добавить этот класс к якорным ссылкам, которые являются прямым потомком элементов списка верхнего уровня?