Question

当我点击button1时，我想用“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>

选择最近点击的班级按钮

3 个答案: