2

单击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>
4

3 回答 3

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

演示

于 2012-08-14T07:57:23.130 回答
0

如果您需要更通用的方法,可以尝试以下方法:

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

演示

于 2012-08-14T07:58:48.197 回答
0

首先,我会给你的按钮一个 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>
于 2012-08-14T08:01:42.190 回答