如何始终保持一个元素与活动类

How to always keep exactly one element with active class

本文关键字：元素 一个 活动 始终保持      更新时间：2023-09-26

我试图用jQuery each()以更简单、更清晰的方式重写这个

$imageContainer = $('#indicator-color').children()
  for e, idx in $imageContainer
    e = $(e)
    if idx is currentIdx
      e.addClass('active')
    else
      e.removeClass('active')

提前感谢您的帮助。

使用.toggleClass():

$('#indicator-color').children().each(function(index) {
    $(this).toggleClass('active', index == currentIdx);
});
CoffeeScript

: 

$("#indicator-color").children().each (index) ->
  $(this).toggleClass "active", index is currentIdx

可以这样做

$('#indicator-color').children().removeClass('active').eq(currentIdx).addClass('active');
相关文章：