Нужно удалить теги, в которые вложены другие теги, но чтобы эти вложенные теги остались. Например,
<div>
<div>
<p>lorem ipsum</p>
<p>lorem ipsum</p>
</div>
</div>
Здесь удалить все <div>
, чтобы остались только <p>
с текстом.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуПри повторном добавлении элемента в дом-модель он удаляется из старого местоположения, таким образом достаточно добавить p
в новый контейнер а потом удалить все div
Вот так без жуквери:
document.querySelectorAll('p').forEach(p => document.body.append(p));
document.querySelectorAll('div').forEach(div => div.remove());
<div><div><p>lorem ipsum</p><p>lorem ipsum</p></div></div>
Вот так с:
$('body').append($('p'));
$('div').remove();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div><div><p>lorem ipsum</p><p>lorem ipsum</p></div></div>