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

136 阅读 0 评论 90 点赞

我是靠谱客的博主称心老鼠，最近开发中收集的这篇文章主要介绍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 +")">&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删除行操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持靠谱客。