javascript - jQuery - 对元素进行计数，直到到达特定元素并停止计数

Question

所以我想要实现的是，以下代码对 siblings 进行计数，但在不满足要求的 sibling 处停止。

因此，例如下面的示例，它的计数不是 6，而是返回 4，因为它将从事件计数到第一个 fieldset，而不具有 percent 类 .

类似于:$("fieldset.active").andSelf().siblings('fieldset.percent').stop().not('.percent').length;

波纹管是代码的工作起点。

var jump = $("fieldset.active").andSelf().siblings('fieldset.percent').length;

$('.result').html('Counted: '+jump);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<fieldset>
0 - dont Count
</fieldset>
<fieldset class="active">
1 - count me
</fieldset>
<fieldset class="percent">
2 - count me
</fieldset>
<fieldset class="percent">
3 - count me
</fieldset>
<fieldset class="percent">
4 - count me
</fieldset>
<fieldset>
5 Stop here - dont Count
</fieldset>
<fieldset class="percent">
6 - dont Count
</fieldset>
<fieldset class="percent">
7 - dont Count
</fieldset>
<fieldset>
8 - dont Count
</fieldset>
<fieldset class="percent">
9 - dont Count
</fieldset>
<div class="result"></div>

.

Answer 1

根据您当前的代码，您可以使用:

$("fieldset.active")
  .first() // Select the first active class
  .nextUntil(':not(fieldset.percent)') // Select all field after untill you hit a field that doesn't have .percent class
  .addBack() // Add the first element
  .length; // Get the length

当然，根据您的具体代码，还有其他变量。这适用于给定的代码片段。