既存のdivにsvgの後にdivを追加する方法

Question

私のHTMLにdiv（mainDiv）以下があります。

<div id="mainDiv"> 
<svg ></svg> 
</div> 

は今、私は、私は$（ "＃mainDiv"）のように試してみました

<div id="mainDiv"> 
    <svg ></svg> 
    <div id="lastDiv"> </div> 
    </div> 

の下に表示DIVこの1つの以上のdiv（lastDiv）を追加したい追加（lastDiv）。

ただし、以下のようにsvgの前に追加されています。

<div id="mainDiv"> 
    <div id="lastDiv"> </div> 
    <svg ></svg> 
    </div> 

しかし、次のように、私は必要があります。

<div id="mainDiv"> 
    <svg ></svg> 
    <div id="lastDiv"> </div> 
    </div> 

あなたは、この上で私を助けてくださいすることができます。

Answer 1

Best explained here

$(lastDiv).insertAfter("svg "); 

.insertAfterあなたは.insertAfterあなたはそれが