javascript - 显示 child /查找

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();    
});