Перемещение вложенных узлов HTML dom с помощью Javascript ⇐ Javascript

[Гость]

У меня есть древовидная структура DOM, подобная следующей

1 2 3 4 5 6 7 Что соответствует этому



Я хочу переместить элементы в ванильном JavaScript таким образом, чтобы они отображались с ожидаемым результатом.



Сложность здесь заключается в том, как они вложены в ячейки и строки

Я пробовал это, но ожидаемый результат не соответствует желаемому

const cell = document.querySelectorAll('.cell'); если (cells.length > 0) { cell.forEach((ячейка, индекс) => { если (cell.children.length == 2) { возвращаться; } если (ячейки [индекс + 1]) { const itemToMove = ячейки[индекс + 1].дети[0]; cell.appendChild(itemToMove); } }) }