javascript - 定位元素/div 的下一个实例

Question

我有以下 HTML 结构和 JavaScript 文件:

.html

<li>
 <button class="show-more"></button>
 some more elements
 <div class="hidden"></div>
</li>

JavaScript

$( ".show-more" ).click(function() {
  event.preventDefault();
  $( this ).next().slideToggle( "fast", function() {
  });
});

我需要点击事件来切换 .hidden 的下一个第一个实例，但是点击事件针对的是它之后的第一个元素，而不是 .hidden 的下一个实例>，有什么想法可以解决吗？

Answer 1

nextAll和 first :

$(this).nextAll('.hidden').first().slideToggle(...);

这个问题有更多关于这个的信息:Efficient, concise way to find next matching sibling?