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

Javascript 具有相同类的多个元素-仅在最后一个元素之后插入,javascript,jquery,html,Javascript,Jquery,Html,我正在使用JQuery函数.after函数在另一个元素之后插入一个元素 页面结构如下所示: <div class="example"></div> <div class="example"></div> <div class="example"></div> 我使用这行代码插入一个元素: $('.example').after('<p>Hello</p>'); $('.example')。在(

我正在使用JQuery函数
.after
函数在另一个元素之后插入一个元素

页面结构如下所示:

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

我使用这行代码插入一个
元素:

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

')之后;
问题是在每个
元素之后插入
Hello

——我只希望它插入到最后一个元素之后。

尝试:

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

');
试试:

$('.example').last().after('Hello

');
$('.example:last')。在('Hello

')之后
@unlucky13谢谢你
$('.example:last')。在('Hello

')之后@unlucky13谢谢