Как найти последний div, а все остальные удалить?

Question

[MrJobs]

Как я могу найти последний div, а все остальные удалить?

<div id='container'>
   <div>block_1</div>
   <div>block_2</div>
   <div>block_3</div>
   <div>block_4</div>
   <div>block_5</div>
</div>

Comments

[Ярослав Иванов]

А что мешает правильно задать вопрос "Как найти последний div ?" ?

Answer 1

[y0u]

const div = document.querySelectorAll('#container > div:not(:last-child)');
div.forEach(el => el.remove());

Answer 2

[0xD34F]

найти последний div

const last = document.querySelector('#container').lastElementChild;

остальные удалить

Array.prototype.reduceRight.call(
  document.getElementById('container').children,
  (_, n) => n?.nextElementSibling && (n.outerHTML = ''),
  null
);

Оба действия сразу:

const last = Array
  .from(document.querySelectorAll('#container > *'))
  .reduce((_, n, i, a) => i === ~-a.length ? n : n.remove(), null);

Answer 3

[Сергей Соколов]

fiddle

Comments

[MrJobs]

Спасибо большое за помощь!)