替换父dom元素jquery[closed]

Question

在我从jquery文档中找到的示例中，如何只更改父元素而不必追加子元素？文档中没有提供这样的用例，我也想知道这是否可以实现。

例如，在jquery文档中:https://api.jquery.com/replaceWith/

我已经修正了这个问题以适应实际情况

<div class="container">
  <a> test </a>
</div>

对于div标记，我们希望用一个不同的HTML标记替换dom元素，是否有一个可以应用的单行代码？

替换后的预期输出应为

   <p class ="container">
     <a> test </a>
    </p>

我想了解如何将dom从div元素更改为p元素

Answer 1

以下是如何使用ReplaceWith的示例:

null

$("#target").replaceWith($(`<p class="${$("#target").attr('class')}" id="${$("#target").attr('id')}"/>`).html($('#target').html()));
console.log($("body").html());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container" id="target">
  <a> test </a>
</div>