具有相同类的多个元素 - 仅在最后一个元素后插入

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>');