Question

js table对象 怎么移除 tr节点

Answer 1

<table width="100%" id="tab">
<tr id="tr_1">
<td>行1</td>
<td><a href="#this" onclick="remove_tr(1)">点击移除</a></td>
</tr>
<tr id="tr_2">
<td>行2</td>
<td><a href="#this" onclick="remove_tr(2)">点击移除</a></td>
</tr>
<tr id="tr_3">
<td>行3</td>
<td><a href="#this" onclick="remove_tr(3)">点击移除</a></td>
</tr>
<tr id="tr_4">
<td>行4</td>
<td><a href="#this" onclick="remove_tr(4)">点击移除</a></td>
</tr>

</table>
<script type="text/javascript">
<!--
function remove_tr(index){

var tr = document.getElementById('tr_'+index);
tr.parentNode.removeChild(tr);

}

//-->
</script>

追问

this.remove(); 也可以 谢谢！

Answer 2

<script language="javascript" type="text/javascript">
function del_tr(){
var check_obj = document.getElementsByName("myname");
var check_len = check_obj.length;
for(var i=0;i<check_len;i++){
if(check_obj.item(i).checked){
var before_obj = check_obj.item(i).parentNode.parentNode;//获取当前对象的前一级对象
before_obj.parentNode.deleteRow(before_obj.rowIndex);//选取table对象 然后执行删除
}
}
}
</script>
<table id='tables'>
<tr>
<td><input type="checkbox" name="myname"></td>
<td>第1行</td>
</tr>
<tr>
<td><input type="checkbox" name="myname"></td>
<td>第2行</td>
</tr>
<tr>
<td colspan="2"><input type="button" onclick="del_tr()" value="删除所选"></td>
</tr>
</table>

Answer 3

看具体的业务逻辑：

1. 可以在每行前面添加 勾选框，隐藏唯一 ID ,遍历表格中被勾选的框，进行删除；

$("#table").find("tr").each(function() {
			if($(this).children(".sel").children("#sel").prop("checked")){
				$("#table").deleteRow(this);
			}
		});

2.或者每行有 输入框，下拉框，多选按钮，输入时进行操作;

var currTr = obj.parent().parent();
$("#table").deleteRow(currTr ); //obj 为当前行

还有很多，要看你的具体实现。