克隆div點擊

Question

想複製一個div的文本去一個文本框，並添加在文本的開始（開始）和結束（最終）也有論壇引用jQuery中的文本此功能.clone（ ），但不是用來做

<div id='copy'>Text and more text</div> 
<button id='copy_text'>Click </button> 

<textarea id="content" name="content"></textarea> 

Answer 1

jquery clone方法創建新的DOM元素 - 即它複製div，而不是div的內容。

您可以使用.text()方法獲取文本值，一個簡單的例子：

$("#copy_text").click(function() { 
    var txt = $("#copy").text(); 
    $("#content").text(txt); 
}); 

要增加你的 「開始/最終」 文本，只需使用+

$("#copy_text").click(function() { 
    var txt = $("#copy").text(); 
    $("#content").text("Start" + txt + "final"); 
}); 

更新：雖然。 text（）可用於設置textarea文本，您可能更願意使用.val（）：

$("#content").val(txt) 

，因爲它更清楚地表明您設置textarea的內容，而不是更改DOM。

小提琴：https://jsfiddle.net/c4ut5tmd/

Answer 2

$("#copy_text").click(function(e) { 
    $("#content").text("start" + $("#copy").text() + "final"); 
}); 

你必須使用jQuery text功能（或html - 取決於你想實現你的代碼是什麼）來設置/獲取HTML標籤的內容。