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获取table下某一行某一列的值实现代码
Apr 07 jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
jQuery实现表格隔行换色
Sep 01 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
jquery实现垂直手风琴菜单
Mar 04 jQuery
jQuery 移除事件的方法
Jun 20 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
谷歌音乐搜索栏的提示功能php修正代码
2011/05/09 PHP
php中session_unset与session_destroy的区别分析
2011/06/16 PHP
本地机apache配置基于域名的虚拟主机详解
2013/08/10 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
使用AngularJS2中的指令实现按钮的切换效果
2017/03/27 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
详解Vue中的MVVM原理和实现方法
2020/07/15 Javascript
python分析作业提交情况
2017/11/22 Python
Python大数据之网络爬虫的post请求、get请求区别实例分析
2019/11/16 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
python中数字是否为可变类型
2020/07/08 Python
python全栈开发语法总结
2020/11/22 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
全球工业:Global Industrial
2020/02/01 全球购物
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
CSMA/CD介质访问控制协议
2015/11/17 面试题
广州喜创信息技术有限公司JAVA软件工程师笔试题
2012/10/17 面试题
圣诞节红领巾广播稿
2014/02/03 职场文书
超市开店计划书
2014/04/26 职场文书
户外宣传策划方案
2014/05/25 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
批评与自我批评总结
2014/10/17 职场文书