html - javascript - reorder a list without creating new list according to another list

Question

Closed. This question needs to be more focused. It is not currently accepting answers. question from:https://stackoverflow.com/questions/65941162/javascript-reorder-a-list-without-creating-new-list-according-to-another-list

Answer 1

• Use Array spread syntax or reduce your array of indexes into a DocumentFragment
• Finally, .append() the iterable to the same parent UL element.

const orderList = [3, 1, 2, 0];

const ul = document.querySelector('#list');
const li = ul.querySelectorAll('li'); 
ul.append(...orderList.map(i => li[i]));

<ul id="list">
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>