2014-10-03 137 views
1

我有一个HTML结构如下图所示:如何在另一个元素之后添加元素?

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

这是怎么做到的?

回答

0

使用insertAfter(): -

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

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

+0

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

+0

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

2

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

试试:

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

问候。

+0

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

+0

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

+0

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

-1

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

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

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

相关问题