使用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>