jQuery删除div的任一侧的标签

Question

如何删除此div之外的p标签（我不想删除测试div）。

<p>
  <div class='test'>
    content here
    <img />
  </div>
</p>

我想要的结果是......

<div class='test'>
  content here
  <img />
</div>

我知道这里有一个类似的问题：jQuery: How do I remove surrounding div tags?，但在我的情况下没有让它工作

我试过

$('p .test').replaceWith($('.test));

但当然，只选择沙龙幻灯片div，而不是之前的p。

Answer 1

您要查找的方法名为.unwrap()，请查看文档：{​​{3}}

Answer 2

尝试以下方法：

$('.salon-slideshow').each(function() {
  $(this).parent().replaceWith($(this));
});

Answer 3

这样做但请记住它会影响class="test"

的所有div

$("div.test").unwrap();

Answer 4

试试这个：

$('.test').each(function() {
    $(this).insertAfter($(this).parent());
    $(this).prev().remove();
});