jQuery insertAfter() 方法

jQuery HTML/CSS 方法

insertAfter()方法将指定的HTML元素插入到选定的元素之后。

要在选定元素之前插入HTML元素,请使用insertBefore()方法。

after()和insertAfter()方法执行相同的任务。主要区别在于语法:

  • 使用after(),选择表达式在函数的前面,参数是将要插入的内容。

  • 使用insertAfter(),刚好相反,内容在方法前面,它将被放在参数里元素的后面。

语法:

$(content).insertAfter(selector)

示例

在每个段落之后插入HTML元素:

$("button").click(function(){
  $("<p style='color:red;'>Hello world</p>").insertAfter("p");
});
测试看看‹/›

使用insertAfter()方法在每个选定元素之后插入一个现有元素:

$("button").click(function(){
  $("h1").insertAfter("p");
});
测试看看‹/›

参数值

参数描述
content指定要插入的内容(必须包含HTML标记)

可能的值:

  • HTML元素

  • DOM元素

  • jQuery对象

selector所选元素将插入到此参数指定的元素之后

jQuery HTML/CSS 方法