insertAfter() - 在指定元素之后插入新元素

insertAfter() 是 jQuery 中的一个方法，用于在指定的元素之后插入一个或多个新元素。

此方法接受一个参数，表示将要插入的新元素，这个参数可以是一个 HTML 字符串、DOM 元素、jQuery 对象或者 jQuery 选择器表达式。

语法

$(selector).insertAfter(content);

其中，参数 selector 表示要插入到哪个元素的后面，参数 content 表示要插入的新元素。

示例

以下展示了如何使用 insertAfter() 方法。

HTML 代码

<ul>
  <li>Apple</li>
  <li>Banana</li>
  <li>Orange</li>
</ul>

jQuery 代码

// 在 'Apple' 之后插入一个新的列表项
$('<li>Cherry</li>').insertAfter('li:contains("Apple")');

// 在 'Banana' 和 'Orange' 之后插入多个新的列表项
$('<li>Grape</li><li>Pineapple</li>').insertAfter('li:contains("Banana"), li:contains("Orange")');

结果

<ul>
  <li>Apple</li>
  <li>Cherry</li>
  <li>Banana</li>
  <li>Grape</li>
  <li>Pineapple</li>
  <li>Orange</li>
</ul>

应用场景

常见的应用场景包括：

• 在表单中添加新的元素
• 在列表中添加新的项目
• 在某个元素之后动态插入广告

总结

insertAfter() 方法是一个非常方便的 jQuery 方法，它允许我们在指定元素的后面插入新的元素。可以使用 HTML 字符串、DOM 元素、jQuery 对象或 jQuery 选择器表达式作为插入的新元素。