Javascript Jquery clone（）未按预期工作

Html代码：

<form>
    <table>
        <tr>
            <td>Value</td>
            <td class="to">ABC</td>
        </tr>
    </table>
</form>
<div class="from" style="display:none;">
    <label>
        <input type="text" value="" placeholder="Number"/>
    </label>
</div>

价值
基础知识

下面是javascript代码：

$(document).ready(function(){
          var values = [12,11,15];
          var cloned = $('div.from').find('label').clone();
          $('td.to').empty();
          for(var i=0;i<values.length;i++){
              cloned.find('input').val(values[i]);
              //console.log(cloned);
              console.log(cloned.find('input').val());
              $('td.to').append(cloned);
          }
});

$（文档）.ready（函数（）{
var值=[12,11,15]；
var clone=$（'div.from'）.find（'label'）.clone（）；
$（'td.to'）.empty（）；
对于（var i=0；i您需要在每次迭代中
clone（）
一次，因此将该行放在
for
的
中：

var values = [12,11,15];
$('td.to').empty();
for (var i = 0; i < values.length; i++){
    var cloned = $('div.from').find('label').clone();
    cloned.find('input').val(values[i]);
    $('td.to').append(cloned);
}

var值=[12,11,15]；
$（'td.to'）.empty（）；
对于（变量i=0；i
您只创建了一个克隆，那么为什么它要插入更多克隆，附加所做的只是移动那一个克隆，它不会创建新的克隆OK谢谢。我认为只要重用克隆对象，更改属性并附加值，就可以保存克隆对象的不同实例。