2012-12-06 65 views
0

我想加载div以在页面加载后环绕另一个div并将CSS应用于该div。jquery在页面加载后在div之前加载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

您可以使用wrap方法:

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

是的,你可以做到这一点,

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

的.wrap()函数可以采取可 传递给任何字符串或对象$()工厂函数指定一个DOM结构。这个 结构可以嵌套几个级别深,但应该只包含 一个最内元素。该结构的副本将围绕匹配元素集合中的每个元素打包 。此方法 返回用于链接目的的原始元素集。

Read more