Js 关于table表中删除多个tr

开发思路

要是想要将tr根据checkbox选中情况进行删除，首先就需要根据checkbox现获取到对象的tr行，然后在remove就可以了。

两种方式

1.通过dom对象的方式获取tr,代码如下：

 var boxes = document.getElementsByName("ids");console.log(boxes);for(i=0;i<boxes.length;i++){if(boxes[i].checked){tr = boxes[i].parentNode.parentNode;console.log(tr);tr.parentNode.removeChild(tr);}}	

https://zhidao.baidu.com/question/43177783.html 这是我从网上找到的一种写法，但是，在我的项目中可以删除tr，但是却点击一次删除一行，做不到多行删除，也许是我其他部分的代码有问题。
2.通过find(“tr:eq()”)的方式获取到tr

 $("input[name='ids']:checked").each(function() { // 遍历选中的checkboxn = $(this).parents("tr").index();  // 获取checkbox所在行的顺序$("table#mytable").find("tr:eq("+n+")").remove();});

这种方式，在我的项目中就可以做到多行同时，删除。

此篇写记，并不是为了评价这两种方法哪种好，哪种不好 ，只是我个人在项目中遇到所以记下来，以后在做项目中，为自己做个提醒，勿喷，谢谢，如果有更好的见解，请不吝赐教。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！