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

Question

I am trying to remove all classes except the fist one. 我正在尝试删除除拳头课程以外的所有课程。

html: 的HTML：

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

Js: Js：

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

Answer 1

Use :not(:first-of-type) : 使用: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>

Answer 2

Just loop and check the index like so: 就像这样循环并检查索引：

Array.from(document.querySelectorAll("div.note")).forEach((div, ind) => {
    if (ind != 0) {
        div.classList.remove("note");
    }
});

Answer 3

you can simply use for loop also: 您还可以简单地使用for循环：

var array = document.querySelectorAll("div.note");
for(let i =1; i<array.length; i++){
    array[i].classList.remove('note')
}