jquery - jQuery ラップ div

Question

以下の例の「ここにテキストがあります」領域の周りにdivを追加しようとしています

navuntilを見つけて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);

});

デモ