javascript - 遍历列表项时添加/删除类

Question

我不太明白为什么这不起作用。我正在尝试这样做，因此.on() click 将从列表项中removeClass( ) ； .active-title然后addClass() .active-title到next()列表项。

$(".next").on({
    click: function(){
        $('.active-title').removeClass(function(){
          $(this).next().addClass('active-title');
    }
  });
});

演示：

链接到 JSFiddles 演示

---

JSFIDDLES 中的最终解决方案演示

Answer 1

您的代码中有一些错误

      }
   });
});

应该是

      }); <--- closing of removeClass
   } <-- closing for click function
});

---

尝试这个

$(".next").on({
    click: function () {
       // Find the actuve element
        var $active = $('.active-title', 'ul');
       // If the next element exists the get the element
       // otherwise get the first li from the ul
        var $nextElem = $active.next('li').length ? $active.next('li') 
                                                  : $('ul').find('li:first');
        // Add and remove class
        $active.removeClass('active-title');
        $nextElem.addClass('active-title');

    }
});

检查小提琴