jQuery wrapAll()

jQuery wrapAll()方法允许你将一个元素的子元素用一个HTML结构包裹起来（添加父元素）。

语法

$(selector).wrapAll(wrappingElement)

参数

• selector：一个选择器表达式，选择被包裹的子元素。
• wrappingElement：定义包裹子元素的HTML代码或jQuery对象。

示例

下面通过一个例子来演示如何使用jQuery wrapAll()方法。

HTML代码

<div class="container">
  <div class="child1">Child element 1</div>
  <div class="child2">Child element 2</div>
  <div class="child3">Child element 3</div>
</div>

JavaScript代码

下面的代码将用一个div元素包裹container元素中的所有子元素：

$(".container").wrapAll("<div class='wrapper'></div>");

结果

最终HTML代码如下：

<div class="wrapper">
  <div class="container">
    <div class="child1">Child element 1</div>
    <div class="child2">Child element 2</div>
    <div class="child3">Child element 3</div>
  </div>
</div>

注意事项

• 只有第一个匹配元素会被包裹，其它匹配元素会被移动到第一个匹配元素内部。
• 如果wrappingElement参数为一个jQuery对象，则必须确保其不在选择器匹配元素内部，否则会导致死循环。

以上是jQuery wrapAll()方法的详细介绍，希望能对你的开发工作有所帮助。