Question

正如我的标题所示。对于我正在构建的网站，我需要在页面上的<li>列表中添加一个“活动”类。

有时会有六个<li>，有时候是17.它需要是动态的。

然后我需要按顺序将每个类添加到每个<li>，每5秒钟一次。

我在想，我可能有一个计数器来计算所有<li>，并且有一个重复的函数，将类添加到第一个并添加到另一个计数器。当该计数器击中所有<li>的原始计数器时，它将停止。但那时它必须每5秒发生一次。

任何帮助或建议都将不胜感激

-JOPA

Answer 1

使用.eq选择匹配集中索引n处的元素。使用setInterval在specified-interval

之后调用处理程序

＆＃13;

var counter = 0;
setInterval(function() {
  var c = counter % $('li').length;
  $('li').removeClass('active');
  $('li').eq(c).addClass('active');
  ++counter
}, 5000);

＆＃13;

.active {
  background: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

＆＃13;

Jquery - 每隔5秒将一个类添加到<li>列表中

1 个答案:

Fiddle Demo