Jquery 获取相同NAME 或者id删除行操作
编程学习 2021-07-04 14:06www.dzhlxh.cn编程入门
这篇文章主要介绍了Jquery 获取相同NAME 或者id删除行操作，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
//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删除行操作就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。