【问题标题】:Remove class from parent - jquery从父类中删除类 - jquery
【发布时间】:2021-03-28 23:20:38
【问题描述】:

如何从父级中删除课程?

jsfiddle linked here

const accordions = document.querySelectorAll('.accordion');
const accTitles = document.querySelectorAll('.guide-titles');

accordions.forEach(accordion => {
  accordion.addEventListener('click', () => {
    accordion.classList.add('active');
  });
});

$(accTitles).click(function() {
  $(accTitles).parent().removeClass('active');
});

【问题讨论】:

    标签: jquery class parent


    【解决方案1】:

    您在这里混合了 js vanilla 和 jQuery 逻辑。 即使绝对有可能,我还是鼓励您在 jQuery 和 vanilla 之间进行选择。

    要解决您的问题,我会这样做:

    const accTitles = document.querySelectorAll('.guide-titles');
    
     $(accTitles).click(function() {
       $(this).parent().toggleClass('active'); // toggleClass here instead of removeClass
     });
    

    注意我必须在你的小提琴上启用 jQuery 才能工作。 http://jsfiddle.net/vuk7mpja/2/

    编辑:我纠正了我的错误,这是在没有你的第一个循环来注册点击侦听器的情况下这样做的方法。

    【讨论】:

    • 哦,我知道了,非常感谢,我正在学习vanilla js,但有时我不得不使用jquery
    • 我看不到您在代码中所做的更改(这里是 SO,而不是 jsfiddle)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-05-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-11
    • 1970-01-01
    • 2011-10-05
    相关资源
    最近更新 更多