服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - Jquery 获取相同NAME 或者id删除行操作

Jquery 获取相同NAME 或者id删除行操作

2021-08-30 17:55JackChenKing JavaScript

这篇文章主要介绍了Jquery 获取相同NAME 或者id删除行操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

//Jquery 获取 相同个数并且删除 行数以及参数

?
1
2
3
4
5
6
7
8
9
10
11
12
13
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的隐藏显示

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
//这是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 +")\">&nbsp;" + $("#delHref").text() + "</a></td>" +
 
"<td name=\"setDjN\" style=\"display:block;\" class=\"usermanage_2\" width=\"\">" +
"<a href=\"#\" sytle=\"align:center;\" οnclick=\"delTrCheck(" + row +")\">&nbsp;" + $("#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删除行操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/u012374381/article/details/64920219

延伸 · 阅读

精彩推荐