从多个html元素中删除CSS类

Question

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

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

关键是我可以有许多不同的myInput类，例如红色，蓝色，绿色等。现在，我想在特定事件中从整个文档中删除所有selected类。

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

Answer 1

您可以找到所有.selected元素并删除.selected ，如下所示：

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

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

Answer 2

你可以这样做：

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

它仅从myinputs删除selected css类，并且myinputs具有selected 。

Answer 3

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

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

Answer 4

您可以检查代码。

$(selector).removeAttr(attribute)

您也可以参考以下链接。

链接