jquery在另一个标签之后添加标签

Question

我目前有以下内容：

<h3>My Title</h3>

并想添加以下内容：

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

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

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

但上述情况似乎并没有奏效。我是以正确的方式接近这个吗？

Answer 1

您无法替换元素，就像它是一个字符串一样。

在这种情况下，您可以使用.wrapInner()

＆＃13;

＆＃13;

$('button').click(function() {
  $('h3').wrapInner('<span />');
})

＆＃13;

h3 span {
  color: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h3>My Title</h3>
<button>Wrap</button>

＆＃13;

＆＃13;

＆＃13;