我怎樣才能 select 是前第三個 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_div #my_target

我試過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>

記者：

$(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") 。