Jquery获取所有下一个同级长度

我正在尝试做一些非常基本的事情，但由于某些原因，它不起作用

这是我的HTML：

<div class="col-xs-6 bbb b-left roll" style="transform: translate(0px, 0px);">
    <section class="overlay first" style="background:url('/css/rollsright-0-0.jpg');
         background-size:cover;background-repeat: no-repeat;background-position:bottom;">
    </section>
</div>

<div class="col-xs-6 bbb b-right roll" style="transform: translate(0px, 0px); opacity: 1;">
    <section class="overlay first" style="background:url('/css/rollsright-1-0.jpg');
         background-size:cover;background-repeat: no-repeat;background-position:bottom;">
    </section>
</div>

<div class="col-xs-6 bbb b-left roll" style="transform: translate(0px, 0px);">
    <section class="overlay first" style="background:url('/css/rollsright-0-1.jpg');
         background-size:cover;background-repeat: no-repeat;background-position:top;">
    </section>
</div>

<div class="col-xs-6 bbb b-right roll" style="transform: translate(0px, 0px);">
    <section class="overlay first" style="background:url('/css/rollsright-1-1.jpg');
         background-size:cover;background-repeat: no-repeat;background-position:top;">
    </section>
</div>

输出：

一,

.next（）

将获得直接同级，您必须使用

.nextAll（“.roll”）

来获得类

roll的所有同级：

$(".roll").eq(0).nextAll(".roll").length

希望这有帮助


console.log（$（.roll”）.eq（0.nextAll（.roll”）.length）
您应该使用
.nextAll（）
$（“.roll”）.eq（0）.nextAll（“.roll”）.length
您正在使用的
.next（）
将只返回1个元素，而不是
。next（）
尝试
.nextAll（）
$(".roll").eq(0).nextAll(".roll").length