jQuery wrap()示例
时间: 2023-07-07 17:20:25 浏览: 146
jQuery的wrap()方法用于将每个被选元素的元素结构包装在指定的HTML结构中。以下是一个示例:
HTML代码:
```
<div class="container">
<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
</div>
```
jQuery代码:
```
$('.box').wrap('<div class="wrapper"></div>');
```
上述代码将会把每个`.box`元素包裹在一个`<div class="wrapper"></div>`元素中,最终的HTML代码如下:
```
<div class="container">
<div class="wrapper">
<div class="box">Box 1</div>
</div>
<div class="wrapper">
<div class="box">Box 2</div>
</div>
<div class="wrapper">
<div class="box">Box 3</div>
</div>
</div>
```
注意,在这个示例中,我们使用了CSS选择器`.box`来选中所有需要被包装的元素。然后,我们调用了`.wrap()`方法,并传入一个HTML结构`<div class="wrapper"></div>`作为参数,它将会被用来包装每个选中的元素。最终,每个`.box`元素都会被包裹在一个`<div class="wrapper"></div>`元素中。