jquery在另一个标记后添加标记

我目前有以下情况：

<h3>My Title</h3>

<h3><span>My Title</span></h3>

$( "<h3>" ).replaceWith( "<h3><span>" );
$( "</h3>" ).replaceWith( "</span></h3>" );

我的标题

并希望补充以下内容：

<h3>My Title</h3>

<h3><span>My Title</span></h3>

$( "<h3>" ).replaceWith( "<h3><span>" );
$( "</h3>" ).replaceWith( "</span></h3>" );

我的标题

我已尝试通过以下方式实现这一目标：

<h3>My Title</h3>

<h3><span>My Title</span></h3>

$( "<h3>" ).replaceWith( "<h3><span>" );
$( "</h3>" ).replaceWith( "</span></h3>" );

$（“”）。替换为（“”）；
$（“”）。替换为（“”）；

---

但上述措施似乎不起作用。我用正确的方法处理这个问题吗？

不能像替换字符串一样替换元素

在这种情况下，您可以使用

$（“按钮”）。单击（函数（）{
$（'h3'）.wrapInner（''）；
})

h3跨度{
颜色：红色；
}

我的头衔
换行

使用以下命令：）