在当前div之后获取div元素的数量

Question

<div class="main">
      <div class="item"></div>
      <div class="item active"></div>
      <div class="item"></div>
      <div class="item"></div>
</div>

现在我想要主要类的子类的数量,在这种情况下将是4但我想要在当前(活动类)之后的计数,这将是2.如何做到这一点？

JS:

var a = $('.main').find('.item').after('.active').length; 

Answer 1

这应该工作

var len =$("div.main .item.active").nextAll().length

var len =$("div.main .item.active").nextAll().length
console.log(len)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
      <div class="item"></div>
      <div class="item active"></div>
      <div class="item"></div>
      <div class="item"></div>
</div>