Question

所以，我有一个输入要求一些动作

<label for="nmoviments">&nbsp; Number of Moviments: &nbsp;  </label>
      <input type="text" name="nmoviments" id="nmoviments" value="" size="1" required></td>

我还有另一个div，它是一种新动画形式的切换

<div id="darktheme" class="newmov" onclick="toggle4();"> + New Moviment</div>

它会打开一个表格，其中包含一个充满输入字段的表单。

我尝试做的是根据用户输入的动画数量，使用新的各种切换格式表克隆新动画div的功能。例如，如果用户键入3，则应打开3个新的moviments div。

到目前为止，我有以下jquery代码：

$(document).ready(function(){
    $("#nmoviments").change(function(){
        var max= $("#nmoviments").val();
        for(var i=1; i<= max; i++) {
        $('.newmov').clone().insertAfter('newmov');
        }
    });
});

但它不会克隆元素，没有任何反应。那么，有什么建议吗？非常感谢！！

Answer 1

insertAfter（）的选择器应该基于classname（缺少＆＃34;。＆＃34;）

另外，如果你尝试在每次迭代中调用clone（），它将克隆整个div，你将得到因子的克隆。

你可以用classname＆＃34; newmov＆＃34;克隆第一个div。并附加它。

$(document).ready(function(){
  $("#nmoviments").change(function(){
    var max= $("#nmoviments").val();
    for(var i=1; i<= max; i++) {
      $('.newmov:first').clone().insertAfter('.newmov:last');
    }
  });
});

输入填充jQuery时克隆元素

1 个答案: