具有相同類的多個元素 - 僅在最後一個元素後插入

Question

我正在使用JQuery函數.after函數在另一個元素之後插入元素。

頁面結構如下：

<div class="example"></div> 
<div class="example"></div> 
<div class="example"></div> 

我使用這行代碼中插入一個<p>元素：

$('.example').after('<p>Hello</p>'); 

的問題是，<p>Hello</p>被每<div class="example"></div>元素後插入 - 我只希望它在最後<div class="example"></div>元素之後插入。

Answer 1

嘗試：

$('.example').last().after('<p>Hello</p>');