Javascript 如何从多个活动li(multiselect li)中删除类活动

Javascript 如何从多个活动li(multiselect li)中删除类活动,javascript,jquery,Javascript,Jquery,我创建了一个列表。当您选择每个时,每个类都将处于活动状态。现在,我的目标是如何在当前选定的上取消选择或删除活动类(如果它已经有活动类) $('.package_wrap li')。单击(函数(){ $('.package_wrap li.active').removeClass('active'); $(this.addClass('active'); }); .active{ 背景颜色:浅绿色; } foo1 foo2 foo3 foo4 foo5 对于您想要的结果,您只需要切换clas

我创建了一个列表。当您选择每个
  • 时,每个类都将处于活动状态。现在,我的目标是如何在当前选定的
  • 上取消选择或删除活动类(如果它已经有活动类)

    $('.package_wrap li')。单击(函数(){
    $('.package_wrap li.active').removeClass('active');
    $(this.addClass('active');
    });
    
    .active{
    背景颜色:浅绿色;
    }
    
    
    • foo1
    • foo2
    • foo3
    • foo4
    • foo5

    对于您想要的结果,您只需要切换class,而不是删除添加class

    $('.package_wrap li')。单击(函数(){
    $(this.toggleClass('active');
    });
    
    .active{
    背景颜色:浅绿色;
    }
    
    
    • foo1
    • foo2
    • foo3
    • foo4
    • foo5

    寻求调试帮助的问题(“为什么此代码不工作?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。您的问题不清楚您想要什么。你基本上要求我们写一些东西,但没有明确说明那是什么。但是,鉴于您已经将其标记为jQuery,您可能希望查看中列出的方法。还要注意的是,根据通常需要的东西,对你想要的东西做出相当大的假设,这是一个有很多重复的问题。您可能需要花一些时间搜索,看看是否可以找到一个已经涵盖了您想要做什么的问题it@Makyen,这是它的示例html代码。请将代码、错误和数据添加为文本(),而不是图像。图片:A)不允许我们复制和粘贴代码/错误/数据进行测试;B) 不允许基于代码/错误/数据内容进行搜索;和一般来说,文本格式的代码/错误/数据>>>>图像格式的代码/错误/数据>>无。如果图像添加了一些仅由文本代码/错误/数据无法传达的重要信息,则除了代码格式的文本外,还应使用图像。