Показать сообщение отдельно
  #2 (permalink)  
Старый 10.03.2018, 17:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,084

konstantin-921,
если исходный массив не нужен, достаточно filter.
ниже вариант с сохранением.
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .max{
    color: #008000;
     font-size: 2em;
  }
  .complited:after{
    content: " complited"
  }
  </style>


</head>

<body>
<div class="item">01</div>
<div class="item complited">02</div>
<div class="item">03</div>
<div class="item">04</div>
<div class="item">05</div>
<div class="item">06</div>
<div class="item">07</div>
<div class="item">08</div>
<div class="item">09</div>
<div class="item">10</div>
<div class="item complited">11</div>
<div class="item">12</div>
<div class="item complited">13</div>
<div class="item">14</div>
 <script>
var arrayTodo = [].slice.call(document.querySelectorAll(".item"));
function deleteComplited() {
  arrayTodo.reduceRight(function(array, element, index) {
    if (element.classList.contains("complited")) {
      array.splice(index, 1);
    }
    return array;
  }, arrayTodo) // далее для теста
  .forEach(function(element, index) {
    element.classList.add("max");
  });
};

deleteComplited()
  </script>
</body>
</html>
Ответить с цитированием