How to find the last div and remove all others?

Question

JavaScript

How can I find the last divone and delete all the others?

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

Answer 1

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