Javascript 使用jquery选择索引

我有下面的代码，它是针对转盘指示器的。我通过放置图像而不是默认指示器对其进行了一些更改，我如何才能将数据幻灯片选择为“0”，并对其应用条件，例如，如果数据幻灯片设置为=0，则使用jquery函数将导航栏背景颜色更改为红色？ 我在转盘上方有一个导航栏，我想做的是为指示器选择索引，当它变为活动状态时，它会更改导航栏的背景颜色

<!-- Indicators -->
            <div class="controls">
                <ul class="nav list-unstyled list-inline">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active">
                        <a href="#"><img style="width: 100%" src=""></a>
                    </li>
                    <li data-target="#carousel-example-generic" data-slide-to="1">
                        <a href="#"><img style="width: 100%" src=""></a>
                    </li>
                    <li data-target="#carousel-example-generic" data-slide-to="2">
                        <a href="#"><img style="width: 100%" src=""></a>
                    </li>
                    <li data-target="#carousel-example-generic" data-slide-to="3">
                        <a href="#"><img style="width: 100%" src=""></a>
                    </li>
                    <li data-target="#carousel-example-generic" data-slide-to="4">
                        <a href="#"><img style="width: 100%" src=""></a>
                    </li>
                </ul>
            </div>

如果您只需要更改样式，那么可以使用纯CSS来完成

li[data-slide-to="0"] {
  background-color: red;
}

---

我在下面的链接中添加了代码，以向您展示我想要做的事情，您能帮助修复它吗？如果你的问题没有正确地描述你想要完成的事情，你应该编辑你的问题。我在下面的链接中添加了代码来告诉你我想做什么，你能帮我修复它吗？它只接受第一个if，并将操作应用于它jsfiddle.net/ckf2o6zg

li[data-slide-to="0"] {
  background-color: red;
}