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插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
详解jQuery-each()方法
Mar 13 jQuery
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 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函数
2008/10/03 PHP
php 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
组合算法的PHP解答方法
2012/02/04 PHP
PHP 正则判断中文UTF-8或GBK的思路及具体实现
2013/11/26 PHP
PHP实现的策略模式示例
2019/03/20 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
js replace 与replaceall实例用法详解
2013/08/03 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
2016/01/18 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
2019/03/05 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
2019/03/16 Javascript
js Array.slice的8种不同用法示例
2019/07/10 Javascript
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
Python切片用法实例教程
2014/09/08 Python
Python实现的rsa加密算法详解
2018/01/24 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
Django之PopUp的具体实现方法
2019/08/31 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
python实现视频读取和转化图片
2019/12/10 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
大学生思想汇报范文
2013/12/31 职场文书
公司司机岗位职责范本
2014/03/03 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
学习雷锋主题班会
2015/08/14 职场文书
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
「睡美人」爱洛公主粘土人开订
2022/03/22 日漫
Mysql索引失效 数据库表中有索引还是查询很慢
2022/05/15 MySQL