jquery - jQuery 包装 div

Question

我正在尝试在下面示例的“这里是一些文本”区域周围添加一个 div

我正在考虑通过找到nav直到menucontainer并将其包装在一个div. 但这行不通。

HTML

<nav id="mainNav">
    here is some text
    <div id="menucontainer"> test</div>
</nav>

jQuery

jQuery(document).ready(function() {
    jQuery("#mainNav").nextUntil("div#menucontainer").wrapAll( jQuery("<div></div>").addClass("newDiv") );     
});

新的 div 并没有被附加，我不知道为什么？

Answer 1

Javascript

$(document).ready(function() {

    $("#mainNav").wrapInner($("<div class='newDiv' />"));

    var menucontainer = $("#menucontainer").remove();

    $("#mainNav").append(menucontainer);

});

演示