显示孩子/找到

Question

我有几个按钮，每一个按钮下都有一些div display:none。我想要做的就是在特定按钮下单击后显示div，但它不起作用，我不知道为什么。有人可以看一下吗？

<a href="#!" class="settingsButton">> button</a>
<div class="hideHelper" style="display:none;">
</div>

这里是剧本：

<script>
$(".settingsButton").click(function(){
   $(this).find(".hideHelper").show();       
})
</script>

Answer 1

您的代码无效，因为find会搜索选择器的子代，而您希望显示的div不是该按钮的子代。

尝试next：

$(".settingsButton").click(function(){
   $(this).next(".hideHelper").show();    
});

Answer 2

你也可以使用兄弟姐妹找到它：

$(".settingsButton").click(function(){
    $(this).siblings(".hideHelper").show();    
});