Удалите все классы, кроме первого, используя чистый JS - PullRequest
0 голосов
/ 01 марта 2019

Я пытаюсь удалить все классы, кроме первого.

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');
}

Ответы [ 3 ]

0 голосов
/ 01 марта 2019

Просто зациклите и проверьте индекс следующим образом:

Array.from(document.querySelectorAll("div.note")).forEach((div, ind) => {
    if (ind != 0) {
        div.classList.remove("note");
    }
});
0 голосов
/ 01 марта 2019

Вы можете просто использовать для цикла также:

var array = document.querySelectorAll("div.note");
for(let i =1; i<array.length; i++){
    array[i].classList.remove('note')
}
0 голосов
/ 01 марта 2019

Использование :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>
...