jQuery 文档操作 insertAfter() 方法

jQuery 参考手册 文档操作jQuery 参考手册 文档操作

insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素。

注释:如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之后。

 

1. 语法

$(content).insertAfter(selector)
参数 描述
content

必需。规定要插入的内容。可能的值:

  • 选择器表达式
  • HTML 标记
selector 必需。规定在何处插入被选元素。

 

2. 范例

在每个 p 元素之后插入 span 元素:

$("button").click(function(){
  $("<span>Hello world!</span>").insertAfter("p");
});

我要试一试

 

3. 我要试一试 - 范例

  • 插入已有的元素
    如何使用 insertAfter() 方法在每个被选元素之后插入已存在的元素。

jQuery 参考手册 文档操作jQuery 参考手册 文档操作

insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之前。1. 语法:$(content).insertBefore(selector)。