jquery - 2 つのクラスの間に div を追加する方法

Question

私はこのようなものを持っています:

<div class="ab1">text1</div>
<div class="ab2">text2</div>

ab1 の前に div を追加し、ab2 の後に終了したいと考えています。最後に私はこれが欲しい：

<div class="ct">
<div class="ab1">text1</div>
<div class="ab2">text2</div>
</div>

Insertbefore と instertafter は機能しません。助けてくれてありがとう

Answer 1

複数のセレクターとwrapAll()を試す

$('.ab1, .ab2').wrapAll('<div class="ct" />')

Answer 2

jqueryで関数を使用する wrapAll()と、問題が解決します。

このような

$(".ab1, .ab2").wrapAll("<div class='ct' />");