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

Question

我试图使用jQuery each（）

以更简单，更清晰的方式重写它

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

提前感谢您的帮助。

Answer 1

使用.toggleClass()：

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

使用CoffeeScript：

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

Answer 2

可以做这样的事情

$('#indicator-color').children().removeClass('active').eq(currentIdx).addClass('active');