Javascript 如何让一个div指示正在切换另一个div（以幻灯片形式显示）？

我正在寻找一种方法，用一个单独的div指示器“.bar”显示正在切换div

我尝试了if语句，并向指示符“.bar”添加了类来更改其属性

指示器“.bar”有三个子div，每个div代表一个切换的div 幻灯片

if($(".one")).show(){
$(".bars div").css(change it here);
}
//what I am confused about is that I can change other html elements this way 
like the parent div which is indicator ".bar" but I cant seem to change its children...
<div class="bars">
<div></div>
<div></div>
<div></div>
</div>

if（$（“.one”）.show（）{
$（“.bars div”）.css（在此处更改）；
}
//我感到困惑的是，我可以通过这种方式更改其他html元素
就像父div是指示符“.bar”，但我似乎无法更改它的子项。。。

这是我的代码笔链接，显示我遇到的困难

---

如果我明白你想正确地做什么。。。我向您的

focusNextDiv

函数添加了一些代码，以添加一个用于突出显示的类：

JS:

CSS:

HTML:

这个问题可以解决，但我只是想确保我正确理解了这个问题。这和你想要的更接近吗

此代码使用

索引

变量，在

.bar

div中查找具有相同索引的子级，然后只向其添加一个

.current

类。我手动将相同的

.current

类添加到标记中，因此在页面加载时，第一个

.bar

div显示为选中状态

---

您能否提供其余的标记，更好的是，提供您试图实现的目标的图像？我没有看到带有“.one”或“.indicator”的元素。还有，你想在if语句中测试什么？当然，这是我的代码笔。。。顺便说一句：在0处初始化索引变量将使第一个div在页面首次加载时显示10秒，然后在每次显示之间显示5秒。（如果不是这样，请将您的索引变量初始值设置为1。我是否必须回答有关的问题才能计算我的选票？？我刚刚看到了非常有用的代码笔链接，非常感谢！@user3657227不客气，是的，您确实需要信誉点才能投票。但是，您可以单击正确answ旁边的灰色复选标记图标问并“接受”问题，你将很快获得足够的声望点数，从而投票并获得其他网站特权（如删除网站广告等）。

function focusNextDiv() {
  $(".gallery").hide();
  divs[index].toggle();

  // Added JS
  var bars = $('.bars div').removeClass('current');
  $(bars.get(index)).addClass('current');
  // End of Added JS

  index++; 
  if (index === divs.length) {
    index = 0;
  }
}

.bars div.current {
  background-color: red;
}

  <div class="bars flex row">
    <div class="current"></div>
    <div></div>
    <div></div>
  </div>