从多个html元素中删除css类

时间:2015-09-17 07:24:39

标签: jquery html css

在html页面上,我有多个元素,如

<a class="myInput red  selected" selectable="">1</a>
<a class="myInput blue selected" selectable="">2</a>

重点是我可以拥有许多不同的myInput类,如红色,蓝色,绿色...... 现在我希望某个事件从整个文档中删除所有selected类。

我知道我应该使用.removeClass("selected"),但我不知道如何将整个文档应用于许多元素

4 个答案:

答案 0 :(得分:6)

您可以找到所有.selected个元素并删除这样的类:

$('.selected').removeClass('selected');

如果在文档中找到多个.selected元素,jQuery将在内部循环遍历所有这些元素并更改类。

答案 1 :(得分:3)

你可以这样做:

$('.myInput.selected').removeClass('selected');

它只从selected删除了myinputs css类,其中包含selected类。

答案 2 :(得分:1)

您也可以像这样使用每个循环: -

$('.selected').each(function(){
    $(this).removeClass("selected");
});

答案 3 :(得分:1)

您可以查看代码。

$(selector).removeAttr(attribute)

您也可以参考以下链接。

Link