Как изменить порядок DOM элементов на обратный?

Question

[Влад]

Есть таблица:

<table>
  <thead></thead>
  <tbody>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
  </tbody>
</table>

Как отсортировать строки в обратном порядке? - так, чтобы первая строка поменялась местами с последней, вторая с предпоследней и т.д.

Comments

[Павел Корнилов]

Это не правильная таблица.

Answer 1

[0xD34F]

document.querySelectorAll('tbody > tr').forEach(n => n.parentNode.prepend(n));

// или

const tbody = document.querySelector('tbody');
tbody.append(...Array.from(tbody.children).reverse());

// или

for (const n of [...document.querySelector('tbody').rows].reverse()) {
  n.parentNode.appendChild(n);
}

// или

const tbody = document.querySelector('tbody');
for (let i = tbody.rows.length; i--; ) {
  tbody.insertAdjacentElement('beforeend', tbody.rows[i]);
}

Comments

[Влад]

Спасибо! Ваш код идеален!

А я уже вот такой код напилил.. только в конце неправильно как-то обратно текст подменяет..
В дцать раз больше и сложнее))

var table = [];

jQuery("tbody tr").each(function(){
table.push(this);
});

table.forEach(function(item, i, table) {
//console.log( item )

});

var newtable = table.reverse();

jQuery("tbody").text(newtable);