jquery - 从一组 li 元素中删除一个 css 类

Question

此 Meteor 客户端代码需要从所有 li 元素中删除 select 类，这些元素是 ul 的子元素，其 id sub -menu，类格式为class1 class2 select
有任何想法吗？谢谢

$('ul#sub-menu > li').each(() => {
        const classProp = $(this).className;
        if (classProp.indexOf('select') >= 0) { //de-selecting
          const lastIndex = classProp.lastIndexOf(" ");
          $(this).className = classProp.substring(0, lastIndex);
        }
      });

Answer 1

使用removeClass()方法，而不是让它变得复杂。

$('ul#sub-menu > li').removeClass('select');

---

您的代码中有几个错误 className是 DOM 元素的属性，因此移除 jQuery 包装。

this.className

---

尽管有内置方法通过获取 classList 从 DOM 元素中删除类名属性。

this.classList.remove("select");