Как удалить класс у последних элементов?

Question

[rsoinvi]

Как удалить классы у последних двух элементов снизу?

<ul>
   <li class= "elem"> 1 </li>
   <li class= "elem"> 2 </li>
   <li class= "elem"> 3 </li>
   <li class= "elem"> 4 </li>
   <li class= "elem"> 5 </li>
   <li class= "elem"> 6 </li>
</ul>

Answer 1

[0xD34F]

Где элементы находятся, какой класс и у скольких надо удалить:

const parent = document.querySelector('ul');
const className = 'elem';
const count = 2;

Удаляем:

for (let i = parent.children.length, j = count; i-- && j--;) {
  parent.children[i].classList.remove(className);
}

// или

Array.prototype.forEach.call(parent.children, (n, i, a) => {
  n.classList.toggle(className, i + count < a.length);
});

// или

parent.querySelectorAll(`.${className}:nth-last-child(-n + ${count})`).forEach(n => {
  n.classList.value = n.classList.value.replace(RegExp(`(^| )${className}( |$)`), ' ').trim();
});

// или

for (
  let i = 0, el = parent.lastElementChild;
  i < count && el;
  i++, el = el.previousElementSibling
) {
  el.className = el.className.split(' ').filter(n => n !== className).join(' ');
}