javascript - 如何选择最接近的下一个所有元素

Question

这是 html 内容，我无法更改:

<button class="out">out</button>
<div class="in">in1</div>
<div class="in">in2</div>
<div class="in">in3</div>


<button class="out">out</button>
<div class="in">in1</div>
<div class="in">in2</div>
<div class="in">in3</div>
<div class="in">in4</div>
<div class="in">in5</div>


<button class="out">out</button>
<div class="in">in1</div>
<div class="in">in2</div>
<div class="in">in3</div>
<div class="in">in4</div>

所以我应该做的是单击out 按钮，然后将其内容隐藏在“下方”

但是它们属于同一个类，我不知道如何分别选择它们。

这是 fiddle :FIDDLE

Answer 1

尝试使用.nextUntil()在这种情况下，

$('.out').click(function(){
  $(this).nextUntil('.out').hide();
});

DEMO

下面的演示将指导您如何切换这些元素，

DEMO I