删除多个类(jQuery)


615

有没有更好的办法重写:

$('element').removeClass('class1').removeClass('class2');

我无法使用,removeClass();因为它会删除所有我不想要的类。

Answers:


1128
$("element").removeClass("class1 class2");

removeClass(),类参数:

要从元素中删除的一个或多个CSS类,这些类之间用空格隔开。




17

文件说:

class (Optional) String
要从元素中删除的一个或多个CSS类,这些类之间用空格隔开。

例:

从匹配的元素中删除类“ blue”和“ under”。

$("p:odd").removeClass("blue under");

12

有很多方法可以做到这一点!

jQuery的

  1. 删除所有类
    $("element").removeClass();
    OR
    $("#item").removeAttr('class');
    OR
    $("#item").attr('class', '');
    OR
    $('#item')[0].className = '';

  2. 删除多类
    $("element").removeClass("class1 ... classn");

    $("element").removeClass("class1").removeClass("...").removeClass("classn");

香草Javascript

  1. 删除所有课程

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

  1. 删除多类

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';


2

白色单独上课 space

$('element').removeClass('class1 class2');


0

从jQuery 3.3.0开始,可以将数组传递给.addClass(),。removeClass()toggleClass(),这样就可以轻松地确定是否应添加或删除哪些类,因为您无需弄乱以空格分隔的字符串。

$("div").removeClass(["class1", "class2"]); 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.