时间戳

首页 > 解决方案 > 删除除首先使用纯 JS 之外的所有类

javascript - 删除除首先使用纯 JS 之外的所有类

问题描述

我正在尝试删除除第一个课程之外的所有课程。

html:

<div class="note">1</div>
<div class="note">1</div>
<div class="note">1</div>
<div class="note">1</div>

JS：

for (var item of document.querySelectorAll("div.note(not:first-of-type"))) {
    item.classList.remove('note');
}

标签： javascripthtmlloopswebpage

解决方案

使用:not(:first-of-type)：

for (var item of document.querySelectorAll("div.note:not(:first-of-type)")) {
    item.classList.remove('note');
}
.note {
  color: yellow;
}
<div class="note">1</div>
<div class="note">2</div>
<div class="note">3</div>
<div class="note">4</div>

推荐阅读