.wrapAll()
函数可以接受任何字符串或对象,可以传递给
$()
工厂函数来指定一个DOM结构。这种结构可以嵌套多层,但是最内层只能有一个元素。所有匹配元素将会被当作是一个整体,在这个整体的外部用指定的 HTML 结构进行包裹。
考虑下面的HTML:
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>$("p").wrapAll("<div></div>");</script>
div { border:2px blue solid; margin:2px; padding:2px; }
p { background:yellow; margin:2px; padding:2px; }
<script src="https://code.jquery.com/jquery-latest.js"></script>
<strong>What about me?</strong>
<script>$("span").wrapAll("<div><div><p><em><b></b></em></p></div></div>");</script>
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>$("p").wrapAll(document.createElement("div"));</script>
div { border: 2px solid blue; margin:2px; padding:2px; }
.doublediv { border-color:red; }
p { background:yellow; margin:4px; font-size:14px; }
<script src="https://code.jquery.com/jquery-latest.js"></script>
<div class="doublediv"><div></div></div>
<script>$("p").wrapAll($(".doublediv"));</script>