删除所有 类 除了首先使用纯 JS
Remove all classes except first using pure 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');
}
使用: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>
像这样循环检查索引:
Array.from(document.querySelectorAll("div.note")).forEach((div, ind) => {
if (ind != 0) {
div.classList.remove("note");
}
});
您也可以简单地使用 for 循环:
var array = document.querySelectorAll("div.note");
for(let i =1; i<array.length; i++){
array[i].classList.remove('note')
}
我正在尝试删除除第一个以外的所有 类。
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');
}
使用: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>
像这样循环检查索引:
Array.from(document.querySelectorAll("div.note")).forEach((div, ind) => {
if (ind != 0) {
div.classList.remove("note");
}
});
您也可以简单地使用 for 循环:
var array = document.querySelectorAll("div.note");
for(let i =1; i<array.length; i++){
array[i].classList.remove('note')
}