温馨提示×

jQuery insertAfter()方法怎么用

小亿
104
2023-10-13 01:33:58
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

jQuery 的 insertAfter() 方法用于在选定元素后面插入新的元素。

语法:

$(selector).insertAfter(content)

参数:

  • selector:必需,用于选中要插入的元素。

  • content:必需,用于插入的内容,可以是 HTML 字符串、DOM 元素、jQuery 对象。

示例:

假设有如下 HTML 结构:

<div class="container">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
</div>

现在我们要在第一个 item 后面插入一个新的 div:

$("<div>New Item</div>").insertAfter(".item:first");

这将在第一个 item 后面插入一个新的 div:

<div class="container">
<div class="item">Item 1</div>
<div>New Item</div>
<div class="item">Item 2</div>
</div>

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

0