jquery怎么在指定元素后添加內(nèi)容

小億
175
2023-08-03 18:38:14

使用jQuery的after()方法可以在指定元素后添加內(nèi)容。

語(yǔ)法如下：

$(selector).after(content)

參數(shù)說明：

  • selector: 要插入內(nèi)容的元素選擇器

  • content: 要插入的內(nèi)容，可以是 HTML 字符串、DOM 元素、DOM 元素?cái)?shù)組或 jQuery 對(duì)象。

示例：

假設(shè)我們有一個(gè)HTML結(jié)構(gòu)如下：

<div class="container">
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落</p>
</div>

我們可以使用以下代碼在<h1>元素后添加一個(gè)新的段落：

$("h1").after("<p>這是新的段落</p>");

執(zhí)行后的HTML結(jié)果為：

<div class="container">
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落</p>
<p>這是新的段落</p>
</div>

0 踩