当前位置: 编程技术>jquery
jquery table操作在指定行后添加新行的例子
来源: 互联网 发布时间:2014-09-03
本文导语: 具体实现方法,大家参见代码及注释。 代码如下: jquery table操作在指定行后添加新行_www. //注意input的id和tr的id要一样 function addRowByID(currentRowID){ //遍历每一行,找到指定...
具体实现方法,大家参见代码及注释。
代码如下:
jquery table操作在指定行后添加新行_www.
//注意input的id和tr的id要一样
function addRowByID(currentRowID){
//遍历每一行,找到指定id的行的位置i,然后在该行后添加新行
$.each( $('table:first tbody tr'), function(i, tr){
if($(this).attr('id')==currentRowID){
//获取当前行
var currentRow=$('table:first tbody tr:eq('+i+')');
//要添加的行的id
var addRowID=currentRowID+1;
str = ""+addRowID+"row"+addRowID+""+
"";
//当前行之后插入一行
currentRow.after(str);
}
});
}
id
value
button
0
row0
1
row1
2
row2
您可能感兴趣的文章:
jquery获取table中内容的代码分享
jquery操作table的实例代码
jQuery操作checkbox选择(list/table)的代码分享
jQuery入门-使用tablesorter插件(表格排序)