Как пройтись по всем дочерним элементам

141
28 марта 2021, 11:40

Как можно пройтись по всем дочерним и дочерним дочерних элементов body и удалить определённый класс, если он есть?

Answer 1
for (var item of document.querySelectorAll('СЕЛЕКТОР_ЭЛЕМЕНТОВ_С_КЛАССОМ')) {
    item.classList.remove('КЛАСС_КОТОРЫЙ_НУЖНО_УДАЛИТЬ');
}

Если класс совпадает, то:

document.querySelector('#launch').onclick = function() { 
    let classToRemove = 'test'; 
    for (var item of document.querySelectorAll('.' + classToRemove)) { 
        item.classList.remove(classToRemove); 
    } 
};
* { 
  margin: 5px;   
} 
 
.test { 
  background: green; 
  border: 1px solid black; 
} 
 
.hello {   
  border: 1px solid blue; 
}
<a href="/tt/tt" class="test">test a</a> 
<div class="test">test div</div> 
<div class="hello">hello div</div> 
 
<br><br> 
<button id="launch">Удалить класс test из элементов</button>

Answer 2
$('body').find('Класс который нужно удалить').removeClass('Класс который нужно удалить');

Если нужно удалить вообще все классы

$('body').find('*').removeClass();
READ ALSO
Работа с БД в wpf с помощью EF Core

Работа с БД в wpf с помощью EF Core

мне нужно, чтобы при нажатии на кнопку число из textbox попадало в базу данных

105
Динамическое создание TextBox и CheckBox в Grid

Динамическое создание TextBox и CheckBox в Grid

В меня есть такое окно,я открываю файлxml и дессерилизую данные из файла записываю в textboxs,но товаров может быть много текстбоксов может не хватить...

110
Запоминание покупок игрока

Запоминание покупок игрока

Хочу узнать как я могу "запоминать" покупки игрокаЕсть магазин в котором игрок должен покупать скины(сама покупка уже реализована)

123