使用jQuery环绕元素

Question

我希望用<a>围绕<h1></h1>。我正在尝试：

<a class="toto">TEST</a>

var test = $('.toto');
test.before('<h2>');
test.after('</h2>');

然而它不起作用。我怎么能这样做？

Answer 1

您当前的代码不起作用，因为您只能将整个元素附加到DOM。您正在尝试的输出将是：

<h2></h2>
<a class="toto">TEST</a>
<h2></h2>

要执行您需要的操作，请使用wrap()：

＆＃13;

＆＃13;

$('.toto').wrap('<h2 />'); // or .wrap('<h1 />');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="toto">TEST</a>

＆＃13;

＆＃13;

＆＃13;