在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>'); 

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

这是否发生在单击链接或onload上？