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插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
JQuery EasyUI的一些常用组件
Jul 12 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
jquery实现上传文件进度条
Mar 26 jQuery
jquery插件实现搜索历史
Apr 24 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
FCKeditor的安装(PHP)
2007/01/13 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
加快Vue项目的开发速度的方法
2018/12/12 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
如何构建一个Vue插件并生成npm包
2020/10/26 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python的math模块中的常用数学函数整理
2016/02/04 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
解析Python中的__getitem__专有方法
2016/06/27 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
CSS3 3D酷炫立方体变换动画的实现
2019/03/26 HTML / CSS
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
财务会计专业应届毕业生求职信
2013/10/18 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
如何写贫困证明申请书
2014/10/29 职场文书
2015年清明节活动总结
2015/02/09 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书