如何強制jQuery不自動關閉標籤？

Question

我有一個鏈接，我想在鏈接標記之前創建一個nav標記，然後在a標記之後關閉它。

代碼：

<a href="" id="test">link test</a> 

我想要的代碼將是這樣的：

<nav class="link-effect"> 
<a href="" id="test">link test</a> 
</nav> 

我嘗試以下.before()，.after()，.append()，.prepend()但會自動創建結束標記。

Answer 1

使用.wrap jquery的函數。

$("#test").wrap('<nav class="link-effect"></nav>'); 

請檢查以下代碼段。

$("#test").wrap('<nav class="link-effect"></nav>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="" id="test">link test</a>

Answer 2

嘗試jQuery.wrap()

$(function() { 
 
    $('#test').wrap('<nav class="link-effect"></nav>'); 
 
});

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

 
<a href="" id="test">link test</a>