在当前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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这有效：

let items = $('.main .item');
let total = items.length;
let passed = 0;
for (let i in items) {
  passed = +i + 1;
  if ($(items[i]).hasClass('active'))
    break;
}
console.log(total - passed);