使用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>