如何使用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>