时间 | 金额 | |
增加 |
这是一个表格,
<table id='tab1'> <tr> <th>时间</th><th>金额></th></th> </tr> <tr> <td></td><td><td><td><input type='button' value='增加' onclick=‘add()’></td> </tr> </table>
点击增加按钮的时候:触发事件
function add(){ var html='<div class="datepicker-target"></div>'; var _len = $("#tab1 tr").length; var trhtml= "<tr align='center' id="+_len+">"+ " <td>"+html+"</td>" +"<td><input type='text' class='span2' name='money'/></td>" +"<td><button class='btn btn-danger' type='button' onclick='javascript:deltr("+_len+")' >删除</button></td></tr>" ; $("#tab1").append(trhtml); }
删除按钮的时间如何写?动态删除行。
我目前写的方法是:
function deltr(index){ var tab2=document.getElementById("tab2"); tab2.deleteRow(tab2.rows.length-1); }
但是这个删除有问题,加入我新增3行,我想删除新添加的第2行,它却删除的是最后一行,不是我想要的。
把方法修改成
function deltr(index){ var tab2=document.getElementById("tab2"); index--; tab2.deleteRow(index); }
假如我新增3行,我想删除第2行,此时index=2,这时删除时正确的,但是当我在点击删除最后一行的时候,此时index=3,表格的长度=2,这样删除不了了,报错了,下标越界,如何实现我删除指定的某一行?
这个也是不正确的,假如我新增3行