將內容從一個隱藏的div移動到另一個顯示的div

如何使用jquery將內容從一個隱藏的div移動到另一個顯示的div？將內容從一個隱藏的div移動到另一個顯示的div

說我div1與顯示樣式是無和另一個div「div2」與顯示樣式塊。

如何將div1中的內容移動到div2並清除div1？

2010-07-14 user384080

你將內容轉移到哪裏？預先或附加在特定目標中，等等？ – 2010-07-14 01:48:23

我在這裏發現了一個與此問題相關的良好答案： http://stackoverflow.com/questions/2792352/how-do-you-move-html-from-one-div-to-another-with- jquery-without-breaking-javasc – netusco 2012-02-02 11:55:42

$($('#div1').html()).appendTo('#div2')

來源

2010-07-14 01:48:43

錯誤：Microsoft JScript運行時錯誤：對象不支持此屬性或方法 – user384080 2010-07-14 02:06:28

已修復。如果你得到那個運行時錯誤，很可能它不是我們的代碼，它是你的最終目標。 – 2010-07-14 04:59:50

首先，您需要從DIV1獲取HTML，然後在DIV2中設置HTML。

使用.html()選擇器上可用的get/set操作。

像這樣：

var div1Html = $('#div1').html(); 
$('#div2').html(div1Html);

來源

2010-07-14 01:48:46 RPM1984

得到這個錯誤：htmlfile：未知的運行時錯誤 – user384080 2010-07-14 02:04:36

聽起來像你的網頁上的其他東西。我創建了一個簡單的頁面，只有兩個div，上面的代碼工作正常（正如其他人的回答一樣） – RPM1984 2010-07-14 05:52:20

請注意窗體是在MVC框架..它可能會有不同的表現..謝謝 – user384080 2010-07-14 06:49:42

爲什麼不顯示隱藏股利和隱藏顯示的一個？

但要回答你的問題。

$('#div2').html($('#div1').html()); 
$('#div1').html('');

來源

2010-07-14 01:51:15

htmlfile：未知的運行時錯誤 – user384080 2010-07-14 02:05:17

@ ronald-yoh - 你是否在頁面中包含jQuery？當你的問題被標記爲jquery時，你有一個假設使用它。 – 2010-07-14 02:06:44

是的..我使用jquery – user384080 2010-07-14 06:49:06

.contents()可能是你需要的東西：

$('#div1').contents().appendTo('#div2')

注意到，它將移動（不是複製）從一個格內的元素到其他。

來源

2014-01-14 17:39:19

不知道你需要周圍的$（） - 你可以使它'$（'＃div1'）。contents（）。appendTo（'＃div2'）;' – jbyrd 2017-01-10 21:09:37

@jbyrd這很有可能......也許有人可以做一個jsfiddle。或者隨意編輯我的帖子，如果你確定這是可行的 – 2017-01-10 23:35:59

是的，我剛剛證實它沒有額外的$（）。 – jbyrd 2017-01-11 02:11:59

將內容從一個隱藏的div移動到另一個顯示的div

回答

相關問題