jQuery wrap 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);

});

Demo