jquery - 別の要素の子の後に要素を挿入する

Question

例: jquery を使用して sth2 の後に id123 内に div を追加したい。私はsth2ごとにそれを行う方法を知っていたと思いますが、1つの特定の後には知りませんでした。

<div class="id123">
 <div class="a"></div>
 ..
 <div class="sth1"></div>
 <div class="sth2"></div>
 "some text"
 <div class="end"></div>
</div>
<div class="id124">
 <div class="a"></div>
 ..
 <div class="sth1"></div>
 <div class="sth2"></div>
 "some text"
 <div class="end"></div>
</div>

Answer 1

メソッドを使用できます.after()：

$('#id123 .sth2').after('<div></div>');