jQuery中after的用法

最新推荐文章于 2025-10-26 09:29:16 发布

原创最新推荐文章于 2025-10-26 09:29:16 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #after #ViewUI

本文介绍了 jQuery 中的 after() 方法，该方法用于在被选元素之后插入指定内容。通过两个实例展示了如何使用 after() 方法来添加 HTML 字符串，包括在每个 p 元素后插入相同内容的方法以及为每个 p 元素动态生成不同内容的方法。

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

法一：

在每个p元素后插入内容：

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

法二：

$("button").click(function(){
$("p").after(function(n){
return "<p>The p element above has index " + n + "</p>";
});

});

after中函数必须返回一个html字符串。