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 标记中的其他内容。