如何使用 JS 从多个 ID 元素中删除 CSS 类？答案

【问题标题】：How to remove CSS class from multiple ID elements using JS?如何使用 JS 从多个 ID 元素中删除 CSS 类？
【发布时间】：2019-07-06 17:05:13
【问题描述】：

我有一个代码可以在特定条件下从 ID 中删除一个类，现在我有更多需要相同的 ID，我怎样才能以简单的方式做到这一点？

改为：

$("#id-1").removeClass("otout");
$("#id-2").removeClass("otout");
$("#id-3").removeClass("otout");
$("#id-4").removeClass("otout");

类似这样的：

$("id-1, id-2, id-3, id-4").removeClass("otout");

有可能吗？

【问题讨论】：

标签： javascript jquery css class

【解决方案1】：

你需要在每个id前加上'#'，试试这个：

$("#id-1, #id-2, #id-3, #id-4").removeClass("otout");

【讨论】：

天啊，伙计，你很帅（我希望我不会因此而被封号，只是想让你感觉良好。祝你在 IT 行业发展顺利！）。

【解决方案2】：

是的，示例应该完成任务，只要选择器字符串id 以# 为前缀

$("#id-1, #id-2, #id-3, #id-4").removeClass("otout")

或

$("[id|=id]").removeClass("otout")

【讨论】：

【解决方案3】：

没有 jQuery 标签，所以这里是 POJS 版本：

function removeRed() {
  document.querySelectorAll('#sp-0, #sp-1, #sp-2, #sp-3')
    .forEach(node => node.classList.remove('red'));
}

.red {
  color: red;
}

<span id="sp-0" class="red">sp-0</span><br>
<span id="sp-1" class="red">sp-1</span><br>
<span id="sp-2" class="red">sp-2</span><br>
<span id="sp-3" class="red">sp-3</span><br>
<button onclick="removeRed()">Remove red</button>

【讨论】：