Javascript 如何动态地将元素包装在主体内部_Javascript_Jquery_Html

Javascript 如何动态地将元素包装在主体内部

javascript jquery html

Javascript 如何动态地将元素包装在主体内部,javascript,jquery,html,Javascript,Jquery,Html,我需要使用jQuery/JavaScript动态地将中的元素包装到主体中。最终结果必须是： <body> <div id="wrap">  <div id="nav"> <ul> <li><a href="#">Menu 1</a></li>

我需要使用jQuery/JavaScript动态地将

中的元素包装到

主体中。最终结果必须是：
<body>
    <div id="wrap">
        <!-- open div #wrap here -->
        <div id="nav">
            <ul>
                <li><a href="#">Menu 1</a></li>
                <li><a href="#">Menu 2</a></li>
            </ul>
        </div>
        <div id="main">....</div>
    </div>
    <!-- close div #wrap here, before close body tag -->
</body>






....

我是否应该创建div并在添加正文中已经存在的内容之后？我怎么做
谢谢大家!
 $（document.body.html（“…”）
$(document.body).html("<div id='wrap'>...</div>")

$（document.body）.html（“…”）
首先，您希望获取当前HTML并将其存储在一个变量中，然后使用.HTML（）
方法将产生奇迹：
$(function(){
    var bod = $("body"), current_html = bod.html();
    bod.html("<div id=\"wrap\">" + current_html + "</div>");
});

$（函数（）{
var bod=$（“body”），current_html=bod.html（）；
html（“+current_html+”）；
});
首先，您希望获取当前HTML并将其存储在一个变量中，然后使用.HTML（）
方法将产生奇迹：
$(function(){
    var bod = $("body"), current_html = bod.html();
    bod.html("<div id=\"wrap\">" + current_html + "</div>");
});

$（函数（）{
var bod=$（“body”），current_html=bod.html（）；
html（“+current_html+”）；
});
使用方法，如下所示：
$('body').children().wrapAll("<div id='wrap'>");

$（'body'）.children（）.wrapAll（“”）；

使用方法，如下所示：
$('body').children().wrapAll("<div id='wrap'>");

$（'body'）.children（）.wrapAll（“”）；

wrapAll应该生成几个div标签。我会用wrapInner来代替
$('body').wrapInner('<div id="wrap">');

$（'body'）.wrapInner（''）；
wrapAll应该生成几个div标签。我会用wrapInner来代替
$('body').wrapInner('<div id="wrap">');

$（'body'）.wrapInner（''）；
非常感谢，这正是我要找的：）没问题，你也可以用一行来写，尽管它不是很漂亮：$（“body”）.html（“+$（“body”）.html（）+”非常感谢，这就是我要找的：）没问题，你也可以用一行来写，尽管它不是很漂亮：$（“body”）.html（“+$（“body”）.html（）+”最简单的方法！我采纳了你的建议。非常感谢：）最简单的方法！我采纳了你的建议。非常感谢：）这将删除正文的内容并替换为该字符串。这并不是问题所要问的。这会删除正文的内容并替换为字符串。这并不是问题的真正含义。