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>

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

3 个答案: