jquery - 使用 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():

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

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