jq 在一个标签外侧套一个div
时间: 2024-09-28 18:14:42 浏览: 30
在JavaScript库jQuery中,如果你想在一个HTML元素的外部添加一个新的`<div>`标签,你可以使用`.wrap()`方法。这个方法会将匹配的选择元素包装到指定的HTML结构中。假设你想包裹一个id为"myElement"的元素,操作如下:
```javascript
$("#myElement").wrap('<div class="outerDiv"></div>');
```
这将会创建一个新的`<div>`元素,并将其内容(即ID为"myElement"的元素)移动到新`<div>`内部,同时保持原有的HTML结构。结果类似这样:
```html
<div class="outerDiv">
<原来的元素>
</div>
```
如果你想要的是完全独立于原始元素的新`<div>`,并且不包含原内容,可以这样做:
```javascript
var newDiv = $('<div class="outerDiv">').append($("#myElement"));
$("body").append(newDiv);
```
这会在页面的最底部插入一个新的`<div>`,并添加你选择的内容。
阅读全文