从 li 元素组中删除一个 CSS 类答案

【问题标题】：removing a css class from group of li elements从 li 元素组中删除一个 CSS 类
【发布时间】：2017-08-01 17:50:38
【问题描述】：

此 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);
        }
      });

【问题讨论】：

标签： jquery html css meteor

【解决方案1】：

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

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

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

this.className

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

this.classList.remove("select");

【讨论】：

【解决方案2】：

你也可以这样使用

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

或

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

【讨论】：