Как заставить 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>