一尘不染

使用jQuery单击添加和删除类?

html

我正在尝试添加和删除被单击的li元素上的类。这是一个菜单,当我单击每个li项目时,我希望它获得该课程,而所有其他li项目都将其删除。因此,一次只有一个li项目上课。这就是我走了多远(见小提琴)。我不确定如何使“
about-link”从当前类开始,但是当单击其他li项之一时将其删除吗?

$('#about-link').addClass('current');
$('#menu li').on('click', function() {
    $(this).addClass('current').siblings().removeClass('current');
});

阅读 230

收藏
2020-05-10

共1个答案

一尘不染

为什么不尝试这样的事情?

$('#menu li a').on('click', function(){
    $('#menu li a.current').removeClass('current');
    $(this).addClass('current');
});
2020-05-10