使用jQuery的after()
方法可以在指定元素后添加内容。
语法如下:
$(selector).after(content)
参数说明:
selector
: 要插入内容的元素选择器
content
: 要插入的内容,可以是 HTML 字符串、DOM 元素、DOM 元素数组或 jQuery 对象。
示例:
假设我们有一个HTML结构如下:
<div class="container">
<h1>这是一个标题</h1>
<p>这是一个段落</p>
</div>
我们可以使用以下代码在<h1>
元素后添加一个新的段落:
$("h1").after("<p>这是新的段落</p>");
执行后的HTML结果为:
<div class="container">
<h1>这是一个标题</h1>
<p>这是一个段落</p>
<p>这是新的段落</p>
</div>