在 jQuery 中选择父级的子级

Question

我想我所需要的只是一个选择器，但找不到。我想选择锚标记，但只能使用 .parent() 选择 li...

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>

上面的代码将箭头放在右侧 < code>lis，但是高一级。我需要定位 li 的 a 标记。

Answer 1

您可以使用 .siblings()，如下所示：

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

您可以在此处找到遍历函数的完整列表。

Answer 2

我自己回答道。使用 .children("a") 我能够选择锚点。最终代码如下：

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

Answer 3

单击链接或加载时会发生这种情况吗？