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 相关文章推荐
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
学习jQuery中的noConflict()用法
Sep 28 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
jQuery实现动态操作table行
Nov 23 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
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
[02:23]2018DOTA2亚洲邀请赛趣味视频——反应测试
2018/04/04 DOTA
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
zbar解码二维码和条形码示例
2014/02/07 Python
python中将字典转换成其json字符串
2014/07/16 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
python实现统计代码行数的小工具
2019/09/19 Python
pytorch实现特殊的Module--Sqeuential三种写法
2020/01/15 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
2014/02/10 HTML / CSS
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
阿迪达斯英国官方网站:adidas英国
2019/08/13 全球购物
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
安全检查管理制度
2014/02/02 职场文书
工作过失检讨书
2014/02/23 职场文书
安全月活动总结
2014/05/05 职场文书
小学生推普周国旗下讲话稿
2014/09/21 职场文书
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
宾馆客房管理制度
2015/08/06 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
Python绘制散乱的点构成的图的方法
2022/04/21 Python
Go gorilla securecookie库的安装使用详解
2022/08/14 Golang