2014-10-03 181 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

相關問題