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日程管理控件glDatePicker用法详解
Mar 29 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
使vue实现jQuery调用的两种方法
May 12 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
jQuery实现日历效果
Sep 11 jQuery
jQuery实现计算器功能
Oct 19 jQuery
Jquery+javascript实现支付网页数字键盘
Dec 21 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批量删除cookie的简单实现方法
2015/01/26 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
JS 常用校验函数
2009/03/26 Javascript
javascript 短路法代码精简
2009/08/20 Javascript
javascript 模拟JQuery的Ready方法实现并出现的问题
2009/12/06 Javascript
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
原生js页面滚动延迟加载图片
2015/12/20 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
详解VUE 数组更新
2017/12/16 Javascript
js读取本地文件的实例
2017/12/22 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
python中threading超线程用法实例分析
2015/05/16 Python
Python检测网站链接是否已存在
2016/04/07 Python
Python实现注册登录系统
2017/08/08 Python
python中使用print输出中文的方法
2018/07/16 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
Python多线程多进程实例对比解析
2020/03/12 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
先进事迹报告会感言
2014/01/24 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
小学校长个人总结
2015/03/03 职场文书
详解Go与PHP的语法对比
2021/05/29 PHP
Java实现带图形界面的聊天程序
2022/06/10 Java/Android