Javascript 如何在svg之后向现有div添加div

我的html中有以下div（mainDiv）

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

现在，我想在这个div中再添加一个div（lastDiv），如下所示

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

我试着像$（“#mainDiv”）.append（lastDiv）

但它在svg之前追加，如下所示

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

但我需要的是：

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

你能帮我一下吗。

在

.insertAfter

之前键入需要在

之后插入的内容。insertAfter

之后键入需要插入的内容

---

在

.insertAfter

之前键入需要插入的内容，然后在

之后键入。insertAfter

之后键入需要插入的内容

工作正常是的，您的代码应该工作正常。请再次检查。我的代码正在svg元素之前添加lastdiv。工作正常。是的，您的代码应该工作正常。请再次检查。我的代码正在svg元素之前添加lastdiv

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