jQuery在页面加载之后加载div包装器

时间:2012-12-06 09:31:28

标签: jquery html-parsing append jquery-load

我想在页面加载后加载div来包装另一个div并将CSS应用于该div。

这是页面:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="body">

    </div>
</body>
</html>

我想在页面加载后使用jQuery在主体周围添加div包装器:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="body2" style="xyx"><div id="body">

    </div></div>
</body>
</html>

身体之间已有很多PHP,JavaScript和内容,这是我快速修复所需的解决方案。有可能吗?

2 个答案:

答案 0 :(得分:2)

您可以使用wrap方法:

$(function(){
    $('#body').wrap('<div id="body2" class="class"/>');
})

答案 1 :(得分:0)

是的,你可以做到,

$('#body').wrap('<div id="body2" />');
  

.wrap()函数可以接受任何可能的字符串或对象   传递给$()工厂函数以指定DOM结构。这个   结构可以嵌套几层深,但应该只包含   一个最重要的元素。这个结构的副本将被包裹   匹配元素集中的每个元素。这种方法   为链接目的返回原始元素集。

Read more