> For the complete documentation index, see [llms.txt](https://jscula.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jscula.gitbook.io/docs/manipulation/.wrap.md).
# .wrap()
Wraps an element with a new parent element.
```javascript
$('#avatar').wrap('div.avatar-frame');
```
outputs:
<div class="avater-frame">
<div id="avater">...<div/>
<div/>
```javascript
$('.image*').wrap('figure.media-frame');
```
outputs:
<figure class="media-frame">
<div class="image">...<div/>
<figure/>
<figure class="media-frame">
<div class="image">...<div/>
<figure/>
...