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

Question

我有一个代码在某种情况下从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");

有可能吗？

Answer 1

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

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

Answer 2

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

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

要么

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

Answer 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>