在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上？