单击克隆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标记的内容。