@Arahis08

Где здесь ошибка?

<ul>
    <li class="list-item green" data-test-id="1">green</li>
    <li class="list-item red" data-test-id="2">red</li>
    <li class="list-item orange" data-test-id="3">yellow</li>
    <li class="list-item blue" data-test-id="4">blue</li>
    <li class="list-item white" data-test-id="5">orange</li>
</ul>


Вы знаете, что в документе есть сломанные элементы с классом list-item у которых класс не соответствует содержимому. Ваша задача их удалить. Для обхода элементов для удаления используйте forEach
и удаления
Чтобы удалить элемент - вы должны взять родителя этого элемента и удалить его потомка.

const yourElementArray=document.querySelectorAll('.list-item')
yourElementArray.forEach((element) => {  
  if (!element.className.includes(element.textContent.trim())) {
    element.parentNode.removeChild()
  }
})  
console.log(yourElementArray);


Я не могу найти ошибку помогите пожалуйста
  • Вопрос задан
  • 215 просмотров
Решения вопроса 1
rqdkmndh
@rqdkmndh
Web-разработчик
element.parentNode.removeChild(element)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы