Имеется div, после которого идет текст и другие элементы.
<div class="block">Some text</div>
<hr>
More text
<br>
Again more text
Как можно обернуть все, то что идет после div.block, включая hr и br в div.another__block
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуvar b = document.querySelector('.block')
var d = document.createElement('div')
while (b.nextSibling) {
d.appendChild(b.nextSibling)
}
b.insertAdjacentElement('afterend', d)
.block + div {
border: 1px solid blue;
}
<div class="block">Some text</div>
<hr>
More text
<br>
Again more text
var $b = $('.block')
var $c = $b.parent().contents()
$b.after($('<div>').html($c.slice($c.index($b) + 1)))
.block + div {
border: 1px solid blue;
}
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="block">Some text</div>
<hr>
More text
<br>
Again more text
var $b = $('.block')
var $c = $b.parent().contents()
$c.slice($c.index($b) + 1).wrapAll('<div>')
.block + div {
border: 1px solid blue;
}
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="block">Some text</div>
<hr>
More text
<br>
Again more text
nextAll
мог бы помочь, тогда красиво было бы: $b.nextAll().wrapAll(...)
, но он только элементы берет, а текстовые ноды - нет