Jquery 将文本区域中的文本插入克隆的文本区域

若你们点击一个文本区域，就会出现一个框来写一些文本

此文本将是当前文本区域中的文本

我添加了一个按钮来克隆最后一个textarea，我想对克隆的textarea做同样的操作

当有人单击克隆的文本区域时，它应该在当前文本区域中写入，但它不这样做，它只在第一次写入

JSFIDLE

我的代码：

HTML:

jQuery

$(document).ready(function(){
  $(".clone").click(function(){
    $(".txtarea:first").clone(true).appendTo(".test");
   $(".txtarea:last").val('');
   $('#txtareavalue').val('');
  });

    $(".txtarea").click(function(){
    $(".descBox").toggle();
  });

      $(".save").click(function(){
    $(".descBox").toggle();
    $('.txtarea').text($('#txtareavalue').val());
  });

});

---

因为它是单击项上的类选择器，所以将其引用存储在变量中，然后像这样使用：

$(document).ready(function(){
    var current;    // <----------
  $(".clone").click(function(){
    $(".txtarea:first").clone(true).appendTo(".test");
   $(".txtarea:last").val('');
   $('#txtareavalue').val('');
  });

    $(".txtarea").click(function(){
     current= $(this); //<-----------
    $(".descBox").toggle();
  });

      $(".save").click(function(){
    $(".descBox").toggle();

    $(current).val($('#txtareavalue').val()); //<------------
  });

});

---

我真的没有得到你想要的。如果我在第一个框中键入内容并按“克隆”，它将克隆一个空框并打开一个保存/取消框，您也可以在其中放置一些文本。。我不理解这种行为。。为什么你会有这个框？我有一个表单，有多个输入框和一个文本区域，问题是，我的网页上没有太多的空间来放置一个大的文本区域，所以我尝试做一件不同的事情，我想点击一个小的文本区域，然后点击扩展这个文本区域。问题是我正在克隆我的表单，我想对克隆的表单执行此操作。继续，我想在单击文本区域时显示一个框，其中包含一个文本区域，并在其中写入一些文本，其中写入的文本将是来自单击文本区域的文本。如果单击克隆，您想一直克隆第一个框还是最后更改的框？干得好。如果要一直克隆最后一个编辑的框而不是第一个框，只需使用lastchanged作为选择器即可。您必须检查lastchanged是否为空，如果为空，则必须仅在第一个克隆上使用第一个框。。

$(document).ready(function(){
  $(".clone").click(function(){
    $(".txtarea:first").clone(true).appendTo(".test");
   $(".txtarea:last").val('');
   $('#txtareavalue').val('');
  });

    $(".txtarea").click(function(){
    $(".descBox").toggle();
  });

      $(".save").click(function(){
    $(".descBox").toggle();
    $('.txtarea').text($('#txtareavalue').val());
  });

});

$(document).ready(function(){
    var current;    // <----------
  $(".clone").click(function(){
    $(".txtarea:first").clone(true).appendTo(".test");
   $(".txtarea:last").val('');
   $('#txtareavalue').val('');
  });

    $(".txtarea").click(function(){
     current= $(this); //<-----------
    $(".descBox").toggle();
  });

      $(".save").click(function(){
    $(".descBox").toggle();

    $(current).val($('#txtareavalue').val()); //<------------
  });

});