如何强制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

使用jquery的.wrap函数。

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

请查看下面的代码段。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试jQuery.wrap()

＆＃13;

＆＃13;

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

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;