如何在另一个元素之后添加元素？

Question

我有一个如下所示的html结构：

<div class="element1>

</div>

我想在div.element1之后创建另一个div.element，所以我使用element2.appendTo("div.element1")，但它的创建方式如下：

<div class="element1>
 <div class="element2">

 </div>
</div>

我真正要做的是如下：

<div class="element1>

</div>
<div class="element2">

</div>

如何做到这一点？

Answer 1

您应该使用 after 插入您想要的元素。

试一试：

$('.element1').after(element2);

问候。

Answer 2

使用insertAfter()： -

$(".element2").insertAfter($(".element1"));

Answer 3

使用jQuery，您可以在父级之后使用或插入：

$('#element1').after('#element2')    
$('#element1').parent().append('#element2')