jQuery 将 Div 内容克隆到 Textarea答案

【问题标题】：jQuery Clone Div content into TextareajQuery 将 Div 内容克隆到 Textarea
【发布时间】：2017-09-06 15:20:54
【问题描述】：

我想将 div 内容克隆到 textarea。从 Div 到 Div 可以正常工作，但从 Div 到 Textarea 不行。我不知道我错过了什么。你们能帮我解决这个问题吗？

当前的 jQuery

$('.policyCopyBtn').click(function(){
    $('.leftPart').clone().appendTo('.policyDetails');
});

当前 HTML

<div class="leftPart">Some text here</div>
<div class="rightPart"><textarea class="policyDetails"></textarea></div>
<input type="submit" class="policyCopyBtn" />

JS 小提琴：https://jsfiddle.net/c2fny59x/

我不能使用 .html() 因为这也会复制我在 DIV 中的所有格式。我只想复制纯文本。

【问题讨论】：

赞这个jsfiddle.net/c2fny59x/2
这会将所有 HTML 标记复制到 textarea 中。因此，如果我在 div 中有
，它也会显示在 textarea 中。我只想复制纯文本
立即尝试jsfiddle.net/c2fny59x/3
@CarstenLøvboAndersen 你应该把它作为答案
@CarstenLøvboAndersen 当我在 div 中有
时它不起作用。 jsfiddle.net/c2fny59x/4

标签： jquery html

【解决方案1】：

您需要使用text() 获取text，并使用val() 设置text。

$('.policyCopyBtn').click(function() {
   var text = $('.leftPart').text();
   $('textarea').val(text);
});

【讨论】：

【解决方案2】：

使用val()函数设置文本区域的值，text()函数给出内部文本。

<div class="leftPart"><p>
Text from paragraph
</p>Some text here</div>
<div class="rightPart">
  <textarea id="textA"class="policyDetails"></textarea>
</div>
<input type="submit" class="policyCopyBtn" />


  $('.policyCopyBtn').click(function() {
   $('#textA').val($('.leftPart').text());
 });

【讨论】：

这会将所有 HTML 标记复制到 textarea 中。因此，如果我在 div 中有
，它也会显示在 textarea 中。我只想复制纯文本
使用 text() 函数，我已根据您的要求更新了答案。请再检查一次。您也可以使用 trim() 函数删除编辑间距 $('.leftPart').text().trim()
如果这符合您的要求，Nasty 接受答案

【解决方案3】：

简单地说，在您的JS 中将.leftPart 文本内容附加到.policyDetails 文本区域。这是工作的 jsfiddle：https://jsfiddle.net/x346my5j/

$('.policyCopyBtn').click(function() {
   $('.policyDetails').append($('.leftPart').text());
 });

【讨论】：

【解决方案4】：

用“”替换所有标签。

 $('.policyCopyBtn').click(function() {
  $('.policyDetails').val($('.leftPart').html().replace(/<[^>]+>/ig,""));
 });

检查工作小提琴https://jsfiddle.net/c2fny59x/8/。我希望这会有所帮助。

【讨论】：

如果使用.text()则无需替换