如何選擇第三個DOM元素的子元素？

Question

我有這樣的：

<div ><a href='#' id='my_target'>Link</a></div> 
<div></div> 
<div><div></div></div> 
<div><div id='my_div'></div></div> 

如何選擇#my_target，當從my_div觸發事件？

我嘗試了諸如prev().prev().prev().children()之類的東西，但是我無法使其工作，並且我想要更高效的東西。

Answer 1

另外，您也可以只使用相對路徑： HTML：

<div><a href='#' id='my_target'>Link</a></div> 
<div></div> 
<div><div></div></div> 
<div><div id='my_div'></div></div> 

JS：

$(document).ready(function() { 
    console.log($("#my_div").parent().parent().children(':first')); 
}); 

的jsfiddle： http://jsfiddle.net/5Bf6g/

Answer 2

我做到了，像這樣：

​var md = $("#my_div");​​​​​​​​​ 
var anchor = $(md.parent().prevAll().last().find("a")); 
console.log(anchor); 

的jsfiddle：http://jsfiddle.net/t9HZz/

prevAll()抓住所有父母的兄弟姐妹，然後我們抓住最後一個與last()，因爲它增加的兄弟姐妹以相反的順序，那麼我們就可以找到剛剛從那裏的鏈接。

雖然在您的示例中，鏈接確實有一個ID，因此您可以在此特定示例中執行$("#my_target")。