Jquery 获取相同NAME 或者id删除行操作


Posted in jQuery onAugust 24, 2020

//Jquery 获取 相同个数并且删除 行数以及参数

function deltrs(uid)
  {  
    var delcount=0;
    var deldri = new Array();
    //遍历所有name相同的个数
    var i = document.getElementsByName(uid).length;
     $("#Dri_Table tr").each(function(){  
       var id= $(this).find("td:eq(1)").html();  
       delcount++;
      driarray.splice(id,i);          
    });
      $("tr[name='"+uid+"']").remove();
  }

//通过ID''' 或者this 获得本行第2个tdeq(1)从0开始

$("#"+id+"").parents("tr").find("td:eq(1)").html();

补充知识:js动态控制td隐藏显示 jquery 动态控制td被另一个td代替,非常实用

//我这里是通过触发一个下拉框事件οnchange="changeTotalAmount(this.value)" 动态改变td的隐藏显示

//这是js动态在table添加的td数据

$("#tb").append
(
"<tr id=\""+ row +"\" bgcolor=\"#FFFFFF\" align=\"center\">" +
"<td name=\"setDjY\" style=\"display:none;\" class=\"usermanage_2\" width=\"\">" + $("#setDj").text() +
"<a href=\"#\" sytle=\"align:center;\" οnclick=\"delTrCheck(" + row +")\"> " + $("#delHref").text() + "</a></td>" +

"<td name=\"setDjN\" style=\"display:block;\" class=\"usermanage_2\" width=\"\">" + 
"<a href=\"#\" sytle=\"align:center;\" οnclick=\"delTrCheck(" + row +")\"> " + $("#delHref").text() + "</a></td>" +
"</tr>"
)

//下拉框事件

function changeTotalAmount(val){
var setDjY=$("#tb tr td[name='setDjY']");
var setDjN=$("#tb tr td[name='setDjN']");

//判断下拉框选中的节点
if (val==2) {

//利用jquery循环遍历td节点
setDjN.each(function (i) {
$(setDjN[i]).hide();   //隐藏
$(setDjY[i]).show();  //显示
});
}else{
setDjY.each(function (i) {
$(setDjY[i]).hide();  //隐藏
$(setDjN[i]).show();  //显示
});
}
}

以上这篇Jquery 获取相同NAME 或者id删除行操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
jquery使用FormData实现异步上传文件
Oct 25 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jQuery实现简单评论功能
Aug 19 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
jQuery实现简单评论区功能
Oct 26 jQuery
jQuery实现评论模块
Aug 19 #jQuery
jQuery实现简单评论功能
Aug 19 #jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 #jQuery
jQuery实现异步上传一个或多个文件
Aug 17 #jQuery
jQuery中event.target和this的区别详解
Aug 13 #jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 #jQuery
Jquery cookie插件实现原理代码解析
Aug 04 #jQuery
You might like
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
PHP 采集程序中常用的函数
2009/12/09 PHP
php遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
ThinkPHP进程计数类Process用法实例详解
2015/09/25 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
2013/07/22 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
jQuery实现立体式数字动态增加(animate方法)
2016/12/21 Javascript
iframe与主框架跨域相互访问实现方法
2017/09/14 Javascript
解决layui中的form表单与button的点击事件冲突问题
2018/08/15 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
2019/04/02 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
js实现全选和全不选
2020/07/28 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
基于Python中求和函数sum的用法详解
2018/06/28 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
Python转换时间的图文方法
2019/07/01 Python
python常用函数与用法示例
2019/07/02 Python
Django中多种重定向方法使用详解
2019/07/17 Python
django实现用户注册实例讲解
2019/10/30 Python
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
护理专业毕业生推荐信
2013/10/31 职场文书
咖啡书吧创业计划书
2014/01/13 职场文书
五年后的职业生涯规划
2014/03/04 职场文书
党支部换届选举方案
2014/05/08 职场文书
地震捐款倡议书
2014/08/29 职场文书
大学迎新生标语
2014/10/06 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
2014年优质护理服务工作总结
2014/11/14 职场文书
零基础学java之循环语句的使用
2022/04/10 Java/Android