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

我的html结构如下所示：

<div class="element1>

</div>

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

 </div>
</div>

<div class="element1>

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

</div>

我真正要做的是如下所示：

<div class="element1>

</div>

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

 </div>
</div>

<div class="element1>

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

</div>

您应该使用来插入所需的元素

试试看：

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

注意。
使用
insertAfter（）
：-

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

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

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

选择器是
类
而不是
ID
。正确地阅读问题。我不知道为什么，但你的答案不太正确。我在用谷歌开发者工具创建元素后检查了它，但是元素不在那里。这取决于你的代码，你如何添加元素？在我的示例中，我添加了“element2”，但我不知道element2在代码中的值是多少。我在空白页上尝试了该代码，但都不起作用。也许我想到了。函数出错后，很奇怪，这个函数工作正常。如果你想，你可以分享更多的代码，我会检查它。我想这取决于element2变量。我会在3分钟后做。downvoter..给我一个理由，如果你在这里只是不必要的downvoter，那么你没有权利在这里。