jQuery after() 方法

jQuery HTML/CSS 方法

after()方法在所选元素之后插入指定的内容。

要在选定元素之前插入内容,请使用before()方法。

语法:

插入内容:

$(selector).after(content)

使用函数插入内容:

$(selector).after(function(index))

实例

在每个段落之后插入内容:

$("button").click(function(){
  $("p").after("<p>Hello world</p>");
});
测试看看‹/›

使用函数插入内容:

$("button").click(function(){
  $("p").after(function(i){
    return "<p>这个p元素的索引: " + i + ".</p>";
  });
});
测试看看‹/›

参数值

参数描述
content指定要在每个选定元素之后插入的内容(可以包含HTML标签)

可能的值:

  • HTML元素

  • DOM元素

  • jQuery对象

function(index)指定一个函数,该函数返回要插入的内容
  • index-返回元素在集合中的索引位置

jQuery HTML/CSS 方法