选择类最近点击的按钮

Question

我想单击按钮1时展开类“divtoexpand”最近的div。

我该如何做到这一点？

HTML：

<div class="test"> 
    <div class="menu"> 
     <div class="button1"></div> 
    </div> 
</div> 
<div class="divtoexpand"></div> 

<div class="test"> 
    <div class="menu"> 
     <div class="button1"></div> 
    </div> 
</div> 
<div class="divtoexpand"></div> 

Answer 1

$('.button1').on('click', function() { 
    $(this).closest('div.test').next('div.divtoexpand').slideDown(); 
}); 

DEMO

Answer 2

如果你需要一个更通用的方法，你可以尝试以下方法：

$('.button1').on('click', function() { 
    $(this).parents().next('.divtoexpand').slideDown(); 
}) 

DEMO

Answer 3

首先我会给你的按钮一个ID。然后，你可以做的按钮被点击时显示：

<div class="test"> 
    <div class="menu"> 
     <div class="button1" id="foo"></div> 
    </div> 
</div> 
<div class="divtoexpand" id="bar"></div> 

<script> 
    $("#foo").click(function(){ 
    $("#bar").show() 
    }); 
</script>