同じクラスの複数の要素 - 最後の1つ後にのみ挿入します

Question

JQuery関数.afterを使用して、別の要素の後に要素を挿入しています。私は<p>要素を挿入するためのコード行を使用しています

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

：

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

問題が<p>Hello</p>はすべての<div class="example"></div>要素の後に挿入されていることである

ページ構造は次のようになります - 私はそれが最後の<div class="example"></div>要素の後に挿入されたいだけです。

Answer 1

試してみてください。

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