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

Answer 2

尝试：

$(this).parent().parent().next().next('.divtoexpand').slideDown();

看演示

Answer 3

改变

$(this).closest('div.test').next('div.divtoexpand').slideDown();

到

$(this).closest('div.test').nextAll('div.divtoexpand').slideDown();

参考