Question

我有一张桌子，我在图标上克隆了一个表格行。

目前，我的工作如下：

<h3 class="table-add glyphicon glyphicon-plus"></h3>
<table class="table">
   <tr id= "1">
        <td> <input name = "textfield" type="text" class="form-control" value = "1" > </td>
        <td> <input name= "numberfield" type="number" class="form-control" value = "2"> </td>
    </tr>


   <tr id= "3">
        <td> <input name = "textfield" type="text" class="form-control" value = "1" > </td>
        <td> <input name= "numberfield" type="number" class="form-control" value = "2"> </td>
    </tr>


   <tr id= "4">
        <td> <input name = "textfield" type="text" class="form-control" value = "1" > </td>
        <td> <input name= "numberfield" type="number" class="form-control" value = "2"> </td>
    </tr>

   <tr id = "5" class="hide">
        <td> <input name = "textfield" type="text" class="form-control" value = "1" > </td>
        <td> <input name= "numberfield" type="number" class="form-control" value = "2"> </td>           
   </tr>
</table>

现在我通过获取隐藏行来克隆行：

      var $TABLE = $('#table');

      $('.table-add').click(function () {

        var $clone = $TABLE.find('tr.hide').clone(true).removeClass('hide table-line');            
        // //Assigning every table row a unique ID
        var max=0;
        $('table').find('tr').each(function(){
            var id=parseInt($(this).attr('id'));
            if (id>=max){
               max = id;
             }
         });
         //cloning row with new ID  
         $clone.attr('id', parseInt(max)+1);
         $clone.find('input.myinput').tagsinput('removeAll');
         $TABLE.find('table').append($clone);
      });

这就是我正在做的-克隆隐藏行，并通过从$ clone克隆行中删除隐藏类来追加到表，这也是一种不错的方法。但是我不想要这样的东西，我想克隆一个隐藏的行，该行现在将可见，并且克隆的隐藏行必须现在被隐藏。怎么去的。

谢谢

Answer 1

我不知道您到底要怎么做...但是，我建议您使用jQuery插件来更轻松地实现。下面放了我以前用过的一个。

用于复制元素的jQuery插件：

https://github.com/fire1/DuplicateElement

实时演示：

http://fire1.eu/DuplicateElement/

通过jquery

1 个答案: