jQuery將內容從一個div複製到另一個div

處理我的portfoilio腳本我現在處於想要將不可見<p> -content從一個div複製到另一個div的地步，但它不起作用 - 任何想法如何解決這個問題？試了jQuery將內容從一個div複製到另一個div

.clone()

的行動，但它沒有工作，直到現在。

看一看AT MY FIDDLE

我想觸發.projecttile DIV中複製到#moreinfo格。

來源

2014-03-19 MarcL

我想你想你的#moreinfo塊中一個單獨的股利，或以其他方式複製時隱藏的細節，你會消除你的[X]關閉按鈕。我不確定你是在嘗試保留原始的虛擬圖像還是用點擊的圖像進行復制，但是你可以用這樣的東西來複制隱藏的文本（我使用的是html而不是text，以防你有標記那裏）。

$('#details').html($(this).parent().find('p').html());

我也可能添加一個類隱藏<p>值和引用它，如果你在那裏想不止一個<p>標籤。

的jsfiddle：http://jsfiddle.net/dshell/8FYrs/

來源

2014-03-19 14:11:01 Danny

感謝您的回答，我發現這樣一個解決方案： $（本）.nextAll（）片（0,2）.appendTo（「#moreinfo」）; 現在我遇到的問題是：當我關閉.moreinfo div時，附加的內容會保留在那裏 - 我需要添加到我的關閉操作中才能刪除內容？ //更新了我的jsfiddle – MarcL

好吧，這就是爲什麼我建議添加一個新的元素來明確地保存你的內容。用我的小提琴你可以做'$（'＃details'）。empty（）'，它會被刪除。你可以用你的$（this）.nextAll（）。slice（0,2）.addClass（「append」）。appendTo（「＃moreinfo」）;'和然後執行'$（「。append」）。remove（）;' – Danny

是的，太好了！你告訴我什麼，它的效果很好 - 謝謝！我可以問兩個問題：1）爲什麼我無法找到h1和p元素？和2）有沒有辦法讓他們被稱爲h1和p時，移動到細節div？ – MarcL

您可以使用html（）方法來複制HTML元素&中的內容。

例如

var data = $('source_div').html(); 
$('target_div').html(data);

來源

2014-03-19 14:05:24 demonofthemist

jQuery將內容從一個div複製到另一個div

回答

相關問題