如何在svg之后将div添加到现有div

Question

我的html中有div（mainDiv）。

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

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

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

我尝试过$（＆＃34; #mainDiv＆＃34;）。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之后和之后插入的内容