demo

Question

有下一个问题：
胃内我们有下一个结构的HTML：

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $($("#global").attr("innerHTML")).wrap('<div name="wrapper"></div>');
            })
        </script>
    </head>
    <body>
        <div id="global">
            <div id="container">
                <div id="sub1">
                    <h1> hello world </h1>
                </div>
                <div id="sub2">
                    <h1> hello world again</h1>
                </div>
            </div>
            <div id="container3">
                    <h1> hello world again</h1>
            </div>
        </div>
    </body>
</html>

但是wrap函数，一些为什么不会对它起作用，因为我认为，它发生了，因为innerHTML没有父级，所以，我怎么能避免这种情况，并包装一些元素（有“一级”和共同的父母）？

Answer 1

试

$("#global").contents().wrapAll('<div name="wrapper"></div>');

demo

Answer 2

我不确定我到底知道你在问什么，但如果你想包装容器，请执行：


$(document).ready(function(){
    $("#global > div").wrap('...');
})

如果你想包装潜艇，请执行：


$(document).ready(function(){
    $("#global > div > div").wrap('...');
})

如果你想包装所有div，请执行：


$(document).ready(function(){
    $("#global div").wrap('...');
})

jquery和'innerHTML'包装器

2 个答案:

demo