一尘不染

如何在JavaScript中仅删除父元素而不删除其子元素?

javascript

比方说:

<div>
  pre text
  <div class="remove-just-this">
    <p>child foo</p>
    <p>child bar</p>
    nested text
  </div>
  post text
</div>

对此:

<div>
  pre text
  <p>child foo</p>
  <p>child bar</p>
  nested text
  post text
</div>

我一直在寻找使用Mootools,jQuery甚至是(原始)JavaScript的方法,但是却不知道该怎么做。


阅读 607

收藏
2020-05-01

共1个答案

一尘不染

使用jQuery,您可以执行以下操作:

var cnt = $(".remove-just-this").contents();
$(".remove-just-this").replaceWith(cnt);

快速链接到文档:

  • 内容(): jQuery
  • replaceWith( 内容 :[ 字符串 | 元素 | jQuery ]): jQuery
2020-05-01