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用noConflict代替$的实现方法
Apr 12 jQuery
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
jquery easyui如何实现格式化列
Jul 30 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
jQuery实现鼠标滑动切换图片
May 27 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 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
Function eregi is deprecated (解决方法)
2013/06/21 PHP
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
php绘制圆形的方法
2015/01/24 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
PHP中include()与require()的区别说明
2017/02/14 PHP
php从数据库中获取数据用ajax传送到前台的方法
2018/08/20 PHP
js验证表单大全
2006/11/25 Javascript
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
再论Javascript的类继承
2011/03/05 Javascript
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
javascript编程开发中取色器及封装$函数用法示例
2017/08/09 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
vue动画—通过钩子函数实现半场动画操作
2020/08/09 Javascript
python代码制作configure文件示例
2014/07/28 Python
基于PyQt4和PySide实现输入对话框效果
2019/02/27 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
python装饰器原理与用法深入详解
2019/12/19 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
python3格式化字符串 f-string的高级用法(推荐)
2020/03/04 Python
浅谈Html5页面打开app的一些思考
2020/03/30 HTML / CSS
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
客户代表自我评价范例
2013/09/24 职场文书
校运会入场式解说词
2014/02/10 职场文书
简单租房协议书
2014/04/09 职场文书
保安2014年终工作总结
2014/12/06 职场文书
运动会200米广播稿
2015/08/19 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
三好学生竞选稿范文
2019/08/21 职场文书
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android