Question

我想将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 FIDDLE：https://jsfiddle.net/c2fny59x/

我无法使用.html（），因为这会复制我在DIV中的所有格式。我只想复制纯文本。

Answer 1

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

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

Answer 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());
 });

Answer 3

只需在JS中将.leftPart文字内容附加到.policyDetails textarea。这是工作的jsfiddle：https://jsfiddle.net/x346my5j/

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

Answer 4

用＆＃34;＆＃34;。

替换所有标签

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

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

jQuery Clone Div内容到Textarea

4 个答案: