当时在体内显示一个div类

Question

我希望在名为li的时间显示div。但是当我来到拥有班级three的div时，一切都停止了。我无法跳过div并继续显示div第二类

JSFiddle demo

<div class="second current">
<button class="show">Show</button>
</div>

<div class="second">
<button class="show">Show</button>
</div>

<div class="second">
<button class="show">Show</button>
</div>

// jQuery停在这里

<div class="three">

</div>


<div class="second">
<button class="show">Show</button>
</div>



</body>



<script>

    $(document).ready(function(){

      //$(".second").hide();

      $(".show").click(function(){
          $(this).hide();

        $(".second.current").next(".second").addClass("current");
        //$('.second').next().show();
      });


    });

当我点击时，我想只显示一个div类second，而不是最后一个。

JSFiddle demo

Answer 1

.next()仅在兄弟之后找到 ，因此当它到达类.three时它不会继续该过程。您可以尝试以下方法：

DEMO

$(document).ready(function(){

  //$(".second").hide();

  $(".show").click(function(){
      $(this).hide();
      var currentElement = $(".second.current").last();
      currentElement.nextAll(".second").first().addClass("current");
  });


});