Javascript 用于上一次/下一次导航的jQuery索引div

我想知道是否有可能使用jQuery创建类似于prev/next的导航，在这里它可以索引同一类中的所有div。为了试试这个，我制作了一把非常基本的小提琴

HTML:

<ul class="list-inline">
    <li><a href="#" class="prevtrigger">PREV</a></li>
    <li><a href="#" class="nexttrigger">NEXT</a></li>
</ul>

    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="box">1</div>
                <div class="box">2</div>
                <div class="box">3</div>
            </div>  
            <div class="col-md-6">
                <div class="box">4</div>
                <div class="box">5</div>
                <div class="box">6</div>
            </div>
        </div>
    </div>

---

现在的问题是：如何根据实际索引将一个div依次涂成红色或绿色。有人吗？看看我的小提琴：

看看以下jQuery函数：

• prev（）
• 下一个（）

例如：

$(".box.active").prev().css("background-color", "blue" );
$(".box.active").next().css("background-color", "green");

您可以向当前元素添加一个“active”类，并使用prev和next函数进行切换

---

谢谢！好像我被卡住了。添加一个“主动”类似乎是有意义的，但您如何实现它呢？看来我现在真的不明白：啊，我想我只是需要休息一下，谢谢！我试图在“更大”的项目（我正在处理的一个投资组合）上实现这一点，但我无法复制这一点-你能看到我的错误吗？Fiddle：我所说的“错误”是指，它不会查找所有元素，只查找一个类中具有相同类的元素。col-md-6 list div-是否有机会使其工作？

$(".box.active").prev().css("background-color", "blue" );
$(".box.active").next().css("background-color", "green");