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

问题描述：

<div class="element1> 

</div>

我想创造另一个div.element div.element1之后，所以我用element2.appendTo("div.element1")但它正在像下面创建：

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

</div> 
</div>

我真的要做什么就像下面这样：

<div class="element1> 

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

</div>

这是怎么做到的？

答

使用insertAfter()： -

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

我会在3分钟后做。 – 2014-10-03 07:48:27

downvoter ..给我一个理由，如果你在这里只是不必要地downvote，那么你没有权利在这里。 – 2014-10-03 07:52:45

@ emreaydin149当然！ – 2014-10-03 07:54:14

答

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

试试：

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

问候。

我不知道为什么，但你的答案没有工作得非常好。我使用Google Developer Tools创建元素后检查元素，但元素不在那里。 – 2014-10-03 07:46:07

这取决于你的代码，你如何添加元素？在我的例子中，我添加了“element2”，但我不知道代码中element2的值是什么。 – 2014-10-03 07:48:36

我试着在空白页上的代码，但都没有工作。也许我知道.after功能的错误 – 2014-10-03 07:52:05

答

使用jQuery你可以用户后或插入父：

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

选择器是“类”而不是“ID”。正确阅读问题。 – 2014-10-03 07:45:20