jquery 不会在我的无序列表之后插入

Question

我有一个无序列表(ul)，我试图在(ul)之前和之后插入一些标签。它似乎可以在 (ul) 之前插入我的标签，但由于某种原因，它不会在之后插入它。这是jsfiddle:http://jsfiddle.net/grem28/ptSVA/1/

$('.isNav').addClass('nav').before('<nav class="navbar navbar-inverse"><div class="navbar-inner">').after('</div></nav>');

如果您检查结果，您就会明白我在说什么。最初我把它链接起来，但它似乎将之前和之后插入在一起，这就是我将其分开的原因。我想如果我先执行 .after 然后再执行 .before ，它会正确显示，但它不起作用。非常感谢您的所有帮助!

谢谢大家

Answer 1

这是因为您将无效标记传递给 after 方法，before 和 after 在所选元素之后和之前插入元素作为同级元素，如果你想包裹元素，你应该使用 wrap 方法。

$('.isNav').addClass('nav').wrap('<nav class="navbar navbar-inverse"><div class="navbar-inner"></div></nav');

http://jsfiddle.net/brCuw/