jQuery | insertAfter() 方法

简介

insertAfter() 方法是 jQuery 库中的一个方法，用于在指定元素的后面插入内容。

语法

$(newElement).insertAfter(selector);

• newElement: 要插入的新元素。
• selector: 选择要插入在其后面的元素。

示例

假设我们有以下 HTML 结构：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
</div>

现在，我们想要在第一个 .box 元素后面插入一个新的 .box 元素。我们可以使用 insertAfter() 方法来实现：

var newBox = $('<div class="box">Box 3</div>');
newBox.insertAfter('.box:first');

选择器 '.box:first' 将选中第一个 .box 元素，并将新元素插入在其后面。

经过上述操作，HTML 结构将变为：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 3</div>
  <div class="box">Box 2</div>
</div>

注意事项

• insertAfter() 方法会将新元素移动到指定元素的后面位置，而不是进行复制。如果新元素在文档中的其他位置有引用，它将被移动到指定位置。
• 如果选择器选择多个元素，insertAfter() 方法将在每个目标元素后面插入新元素。

以上就是关于 insertAfter() 方法的介绍和示例。希望可以帮助你理解该方法及其使用方式。