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 ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
jquery+css实现侧边导航栏效果
Jun 12 jQuery
jQuery.form.js的使用详解
Jun 14 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 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
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
php cli模式学习(PHP命令行模式)
2013/06/03 PHP
php利用scws实现mysql全文搜索功能的方法
2014/12/25 PHP
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
通过js获取div的background-image属性
2013/10/15 Javascript
js跑步算法的实现代码
2013/12/04 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
jQuery实现折线图的方法
2015/02/28 Javascript
jQuery实现的仿百度分页足迹效果代码
2015/10/30 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
浏览器复制插件zeroclipboard使用指南
2016/03/26 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
vue实现百度搜索功能
2020/12/28 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
13个最常用的Python深度学习库介绍
2017/10/28 Python
你真的了解Python的random模块吗?
2017/12/12 Python
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
python实现对任意大小图片均匀切割的示例
2018/12/05 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
python实现PID算法及测试的例子
2019/08/08 Python
泰国汽车、火车和轮渡票预订网站:Bus Online Ticket
2017/09/09 全球购物
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
材料会计岗位职责
2014/03/06 职场文书
技校毕业生自荐信
2014/06/03 职场文书
2014党员民主评议个人思想剖析发言
2014/09/19 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
意向协议书
2015/01/27 职场文书
Django与数据库交互的实现
2021/06/03 Python