Table中删除Tr的JS实现
来源:互联网 发布:韩国在线直播软件 编辑:程序博客网 时间:2024/05/17 01:53
/**
* 删除TR
* @param size 大小
* @param index 当前TR序号
* @param btnPrefix 删除按钮名称前缀
* @param inputPrefix 调整:input名称前缀
*/
function delTr(size,index,btnPrefix,inputPrefix){
for(var i =size-1 ;i>index;i--){
var j = i - 1;
var $del = $("[name='"+btnPrefix+i+"]']:eq(0)");
if(typeof($del)== "undefined" ||$del == null || $del.length==0){
$del = $("[name='"+btnPrefix+i+"']:eq(0)");
$del.attr("name",btnPrefix+j);
}else{
$del.attr("name",btnPrefix+j+"]");
}
changeIndex(inputPrefix, i, j);//重新设置input的下标
}
//将flag属性重置
$(":input[name^='"+inputPrefix+"']").each(function(){
$(this).attr("flag","");//删除完之后重置
});
}
/**
* 改变input,select,textarea,button的下标
* @param prefix input前缀
* @param oldIndex 原下标
* @param newIndex 新下标
*/
function changeIndex(prefix,oldIndex,newIndex){
$(":input[name^='"+prefix+"["+oldIndex+"]']").each(function(){
var flag = $(this).attr("flag");
if(flag == "1"){
return;
}
var name = $(this).attr("name");
$(this).attr("name",name.replace(oldIndex,newIndex));
$(this).attr("flag","1");// 每次改变后就不允许再次改变
});
}
/**
* 调整TR的顺序
* @param table
* @param tr 需要调整顺序的TR
* @param index 调整的顺序
*/
function changeTrIndex(table,tr,index){
if(index > 0){
var row = $('tr:eq('+index+')',table);
$(tr).insertAfter($(row).next());
}
}
* 删除TR
* @param size 大小
* @param index 当前TR序号
* @param btnPrefix 删除按钮名称前缀
* @param inputPrefix 调整:input名称前缀
*/
function delTr(size,index,btnPrefix,inputPrefix){
for(var i =size-1 ;i>index;i--){
var j = i - 1;
var $del = $("[name='"+btnPrefix+i+"]']:eq(0)");
if(typeof($del)== "undefined" ||$del == null || $del.length==0){
$del = $("[name='"+btnPrefix+i+"']:eq(0)");
$del.attr("name",btnPrefix+j);
}else{
$del.attr("name",btnPrefix+j+"]");
}
changeIndex(inputPrefix, i, j);//重新设置input的下标
}
//将flag属性重置
$(":input[name^='"+inputPrefix+"']").each(function(){
$(this).attr("flag","");//删除完之后重置
});
}
/**
* 改变input,select,textarea,button的下标
* @param prefix input前缀
* @param oldIndex 原下标
* @param newIndex 新下标
*/
function changeIndex(prefix,oldIndex,newIndex){
$(":input[name^='"+prefix+"["+oldIndex+"]']").each(function(){
var flag = $(this).attr("flag");
if(flag == "1"){
return;
}
var name = $(this).attr("name");
$(this).attr("name",name.replace(oldIndex,newIndex));
$(this).attr("flag","1");// 每次改变后就不允许再次改变
});
}
/**
* 调整TR的顺序
* @param table
* @param tr 需要调整顺序的TR
* @param index 调整的顺序
*/
function changeTrIndex(table,tr,index){
if(index > 0){
var row = $('tr:eq('+index+')',table);
$(tr).insertAfter($(row).next());
}
}
0 0
- Table中删除Tr的JS实现
- table中tr无法删除的原因
- js实现table添加行tr、删除行tr、清空行tr
- html删除table中tr
- js动态控制table的tr,td增加及删除
- js删除table第0行以后的tr
- js控制新增,删除table的tr,td
- js动态给table添加/删除tr
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- js中实现table的插入、修改、删除
- 简单的HTML中TAB分页实现,js控制页面tr行新增、删除、修改
- 实现table中tr、td的可移动效果
- js控制table中tr位置互换
- table对tr增加删除的操作
- 删除table中的TR
- js控制table tr 的方法
- JS设置table tr 的display 失效
- js动态增加,删除td,tr,table,div
- 单向链表的增删改查
- PHP中的Memcache详解
- 3-4 计算长方形的周长和面积
- java 的数据操作类的方法
- 号外 ! 号外 ! V7包下的View都来此参加同学会 , 快来看,快来看...
- Table中删除Tr的JS实现
- IOS、java支持DES加密
- uboot and 文件系统 烧写
- 记录学习的点滴(Js跳转)
- Ubuntu下安装&卸载apache2服务
- Toast总结二
- codeforce-628B-Cards
- React Native 学习笔记十三(原生模块之Toast)
- java中string stringbuffer和stringBuilder区别