Javascript jquery使用另一种方法克隆表行
我有一个表,我正在克隆图标上的表行 目前我所做的工作如下:Javascript jquery使用另一种方法克隆表行,javascript,jquery,Javascript,Jquery,我有一个表,我正在克隆图标上的表行 目前我所做的工作如下: <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
<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>
这就是我正在做的事情——克隆一个隐藏行,并通过从$clone克隆行中删除隐藏类来追加到表中,这也是一个很好的方法。但我不想要这样的东西,我想克隆一个隐藏的行,它现在将变为可见,并且必须克隆隐藏行的行
现在就藏起来。如何做到这一点
谢谢我不知道你到底在做什么。。。但是,我建议使用jQuery插件来更容易地实现这一点。下面我放了一个我不久前用过的 用于复制元素的jQuery插件: 现场演示:
对于旧版ie支持,您可以使用
代替
这是什么。我的问题是别的,所以我不明白你的问题。我以为你在要求一种不需要太多操作元素的克隆方法。
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);
});