一次删除多个类

时间:2013-07-05 12:26:53

标签: jquery removeclass

我有以下html

<div class="row">
    <div class="one someclass"></div>
    <div class="two someclass"></div>
    <div class="three someclass"></div>
</div>
<div class="row">
    <div class="one someclass"></div>
    <div class="two someclass"></div>
    <div class="three someclass"></div>
</div>

我想删除所有一,二,三个属性

我试过

$(function () {
    $('div').removeAttr('one', 'two', 'three');
});

但没有奏效。我认为这是错误的方法。我该怎么办?

7 个答案:

答案 0 :(得分:8)

removeClass接受要删除的类名称的空格分隔列表,因此:

$("div.one, div.two, div.three").removeClass("one two three");

答案 1 :(得分:2)

假设您正在删除类(例如在HTML中),您可以执行以下操作

$('div').removeClass('one two three');

removeClass州的文档:

  

要从每个匹配元素的class属性中删除一个或多个以空格分隔的类。

答案 2 :(得分:1)

尝试.removeClass()喜欢

$('div').removeClass('one two three');

请参阅此LINK

答案 3 :(得分:1)

那些不是属性,那些是。尝试:

$('div').removeClass('one two three');

另请注意,函数removeClass接受一个参数,而不是三个。只需将所有预期的类名传递给该参数即可。

在这种情况下,属性就是“class”这个词。

答案 4 :(得分:0)

使用removeClass()删除类

尝试

$('div').removeClass('one,two,three');

答案 5 :(得分:0)

您正尝试删除不归属的类:

尝试:

$('.someclass').removeClass('one two three');

答案 6 :(得分:0)

试试这个JQuery的removeClass方法,

//Normal Practice
$("div.one, div.two, div.three").removeClass("one two three");

//Best Practice.
$('div').find('.one, .two, .three').removeClass('one two three');

供您参考,请查看此JQuery removeClass