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 相关文章推荐
jQuery操作之效果详解
May 19 jQuery
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
jQuery zTree插件快速实现目录树
Aug 16 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
基于jQuery实现可编辑的表格
Dec 11 jQuery
jQuery操作动画完整实例分析
Jan 10 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
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
php中文验证码实现示例分享
2014/01/12 PHP
php递归函数中使用return的注意事项
2014/01/17 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
CodeIgniter读写分离实现方法详解
2016/01/20 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
基于jquery的获取mouse坐标插件的实现代码
2010/04/01 Javascript
Jquery ui css framework
2010/06/28 Javascript
jquery入门必备的基本认识及实例(整理)
2013/06/24 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
Jquery-data的三种用法
2017/04/18 jQuery
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
2019/02/13 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
Python3基础之条件与循环控制实例解析
2014/08/13 Python
CentOS6.5设置Django开发环境
2016/10/13 Python
Python中类型检查的详细介绍
2017/02/13 Python
Python文件如何引入?详解引入Python文件步骤
2018/12/10 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
最新版 Windows10上安装Python 3.8.5的步骤详解
2020/11/28 Python
mysql有关权限的表都有哪几个
2015/04/22 面试题
前台接待岗位职责
2013/12/03 职场文书
2014庆六一活动方案
2014/03/02 职场文书
毕业自我鉴定书
2014/03/24 职场文书
垃圾桶标语
2014/06/24 职场文书
英文演讲稿开场白
2014/08/25 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript
Python实现随机生成迷宫并自动寻路
2021/06/13 Python