jquery在元素后面添加元素

使用 after() 方法

after() 方法允许在指定元素之后插入内容。内容可以是 HTML 字符串、DOM 元素或 jQuery 对象。

$("#targetElement").after("<div>新插入的内容</div>");

使用 insertAfter() 方法

insertAfter() 方法将目标元素插入到指定元素之后，与 after() 的参数顺序相反。

$("<div>新插入的内容</div>").insertAfter("#targetElement");

动态创建元素并插入

可以结合 DOM 创建方法动态生成元素后插入。

var newElement = $("<p>", { text: "动态创建的内容" });
$("#targetElement").after(newElement);

插入多个元素

通过链式调用或一次性传入多个元素实现批量插入。

$("#targetElement").after("<span>元素1</span>", "<span>元素2</span>");

注意事项

• 插入的内容会作为兄弟节点出现在目标元素后，而非子节点。
• 若需插入到元素内部末尾，应使用 append() 而非 after()。
• 多次插入时注意性能，建议合并操作或使用文档片段（DocumentFragment）。

以上方法均兼容 jQuery 1.4+ 版本。