如何使用jQuery在其父级外部查找元素

Question

我有这个标记：

  <div>
    <div>
      <button class="button"></button>
    </div>
    <div class="panel">
    </div>
  </div>

现在我需要为panel元素找到合适的下一个button并对其进行一些操作。所以我这样做，但有些事情是不对的，任何人都可以帮忙吗？

var open_bt = $('.button');

open_bt.on('click',function(){
   $(this).parent().parent().next().child('.panel').slideDown(100);
});

寻求帮助。

Answer 1

$(this).parent().next('.panel').slideDown(100);应该做的伎俩

Answer 2

您只需要上升一级，并且没有child方法：

open_bt.on('click',function(){
   $(this).parent().next('.panel').slideDown(100);
});

Answer 3

你可以这样做：

open_bt.on('click', function () {
    $(this).closest('div').next('.panel').slideDown(100);
});