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 相关文章推荐
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
基于jQuery封装的分页组件
Jun 26 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
JQuery Ajax如何实现注册检测用户名
Sep 25 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
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
php处理斐波那契数列非递归方法
2012/02/04 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
js倒计时小程序
2013/11/05 Javascript
Js+Jq获取URL参数的集中方法示例代码
2014/05/20 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
微信小程序 wxapp导航 navigator详解
2016/10/31 Javascript
vuejs如何配置less
2017/04/25 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
详解ES6 Symbol 的用途
2018/10/14 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
python类继承用法实例分析
2014/10/10 Python
Python利用ansible分发处理任务
2015/08/04 Python
python生成式的send()方法(详解)
2017/05/08 Python
Python获取当前路径实现代码
2017/05/08 Python
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
pandas-resample按时间聚合实例
2019/12/27 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
Python 实现将数组/矩阵转换成Image类
2020/01/09 Python
Python 合并拼接字符串的方法
2020/07/28 Python
老海军美国官网:Old Navy
2016/09/05 全球购物
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
学生手册家长评语
2014/02/10 职场文书
《赵州桥》教学反思
2014/02/17 职场文书
法人代表证明书
2014/09/18 职场文书
最美乡村教师观后感
2015/06/11 职场文书
nginx 多个location转发任意请求或访问静态资源文件的实现
2021/03/31 Servers
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL