Как обернуть все что идет после div?

Question

[Anatoliy Kolesnik]

Имеется div, после которого идет текст и другие элементы.

<div class="block">Some text</div>
<hr>
More text
<br>
Again more text

Как можно обернуть все, то что идет после div.block, включая текст, hr и br в div.another__block

Answer 1

[0xD34F]

const block = document.querySelector('.block');
const parent = block.parentNode;
const childNodes = [...parent.childNodes];
const wrapper = document.createElement('div');

wrapper.classList.add('another__block');
wrapper.append(...childNodes.slice(childNodes.indexOf(block) + 1));
parent.append(wrapper);

Comments

[Anatoliy Kolesnik]

Спасибо Вам, все работает как надо)
p.s. Прикреплю также решение на JQuery, которое мне написали на другом сайте, может кому-то пригодится)

var $b = $('.block')
var $c = $b.parent().contents()
$b.after($('<div class="another__block">').html($c.slice($c.index($b) + 1)))