Question

如果您在textarea上单击，则会出现一些文字框。

此文本将是当前textarea的文本。

我添加了一个按钮来克隆最后一个textarea，我想对克隆的textareas做同样的事情。

当有人点击克隆的textarea时，它应该写入当前的textarea，但它没有这样做，它只写在第一个。

的jsfiddle

我的代码：

HTML：

<div class="descBox">
<br>
<span>Offer description</span><br><br>
<textarea id="txtareavalue"></textarea>
<input type="button" value="Save" class="save">
<input type="button" value="Close" class="close">
</div>

CSS

.descBox
{
   display:none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    height: 300px;
    width: 500px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;
}

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

});

Answer 1

因为它是点击项目的类选择器，它在变量中存储它，然后使用如下：

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

});

FIDDLE

从textarea inton克隆textarea插入文本

1 个答案: