JQuery只附加结束div标签

dea*_*nky 2 html css jquery

我正在为几个不同的外部站点构建一个"通用包装器",它将使用jquery和xml构建一个导航和页脚.

我的问题:由于脚本将在其他人构建的多个站点上使用,我需要在开始和关闭的body标签内部构建一个容器.我已经能够将身体作为前置目标<div id="wrapper">,但我需要以某种方式关闭div并尝试追加只是</div>不起作用.

这就是我想要做的:

$(document).ready(function(){
    $("body").append("</div>");
});
Run Code Online (Sandbox Code Playgroud)

我的问题:有没有办法</div>自行渲染?

Sam*_*son 12

你看过.wrapInner()吗?它将允许您<body></body>使用开始和结束标记包装所有内容:

$("body").wrapInner("<div id='wrapper'></div>");
Run Code Online (Sandbox Code Playgroud)

这将导致:

<body>
  <div id="wrapper">
    <!-- original markup here -->
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

警告:我注意到的一件事是,如果脚本是从body标签中运行的,jQuery将创建两次包装器.