jquery - 单击按钮时选择最近的特定类别

Question

我最近问了同样的问题，但是这个问题有点扭曲，所以我上一个问题的答案不起作用，而且我的评论没有得到任何答案。

如标题所示，我想在点击button1时选择最近的divtoexpand类。

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

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

旧代码:

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

当测试 div 和 divtoexpand 之间有一个 div 时，这将不起作用。

有什么建议吗？

Answer 1

假设您想要.divtoexpand跟随.button1的祖先，那么您就差不多了:

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