javascript - 如何将 svg 之后的 div 添加到现有 div

Question

我的 html 中有以下 div(mainDiv) 。

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

现在我想再添加一个div(lastDiv)到这个div中，如下所示

    <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>

你能帮我解决这个问题吗？

Answer 1

Best explained here

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

在 .insertAfter 之前输入需要插入的内容，在 .insertAfter 之后输入需要插入的内容