jquery選擇當前節點的同級節點

Question

如何選擇當前節點的同級節點？ 下面是摘錄：

<div id="main"> 
    <a class="test" href="test.html">Hello</a> 
    <div>Some text</div> 
</div> 

//script 
$(".test").click(function() { $("this:parent > div").toggle(); }); 
or 
$(".test").click(function() { $("this ~ div").toggle(); }); 

這些作品都沒有。我知道我可以使用$（this）訪問當前對象，但在這種情況下，我不知道如何。

Answer 1

這裏有幾個選項：

$(".test").click(function() { 
    $(this).next('div').toggle(); 
}); 

$(".test").click(function() { 
    $(this).siblings('div').toggle(); 
}); 

$(".test").click(function() { 
    $(this).closest('div#main').find('div').toggle(); 
}); 

只是取決於還有什麼是在哪一個你希望你的HTML標記選擇。

Answer 2

請務必不要把this放在引號內。

$(".test").click(function() { 
    $(this).next().toggle(); 
}); 

jQuery有很多很好的遍歷功能。

文檔：http://api.jquery.com/category/traversing/

Answer 3

使用.siblings()

http://api.jquery.com/siblings/

Answer 4

你想切換#main div嗎？如果是這樣，.parent()會不會給你父母的div？

http://api.jquery.com/parent/

我會認爲你必須使用類似：

$(".test").click(function() { $(this).parent("div").toggle(); }); 

Answer 5

您可以重新範圍的選擇：

$(".test").click(function() { $("~ div", this).toggle(); });