87,910
社区成员
发帖
与我相关
我的任务
分享js 删除tr行的问题
<tr >
<td>1</td>
<td>2</td>
<td>3</td>
<td><a id="11" href="javascript:delete();" onclick="javascript:delete();">删除</a></td>
</tr>
请问如何根据a标签的id删除tr行？
...全文
请发表友善的回复…
发表回复
itliyi 2010-03-04
- 打赏
- 举报
lz不厚道 好歹花了点时间写出来 0分
gaofuqi 2010-03-04
- 打赏
- 举报
谢谢大家的帮忙。。。
zy2419 2010-03-04
- 打赏
- 举报
<html>
<script>
function del(obj) {
var table=obj.parentNode.parentNode.parentNode;
table.removeChild(obj.parentNode.parentNode);
}
</script>
<table>
<tr >
<td>1</td>
<td>1</td>
<td>1</td>
<td><a id="1" href="#" onclick="javascript:del(this);">删除</a></td>
</tr>
<tr >
<td>2</td>
<td>2</td>
<td>2</td>
<td><a id="2" href="#" onclick="javascript:del(this);">删除</a></td>
</tr>
<tr >
<td>3</td>
<td>3</td>
<td>3</td>
<td><a id="3" href="#" onclick="javascript:del(this);">删除</a></td>
</tr>
</table>
</html>
<script>
function del(obj) {
var table=obj.parentNode.parentNode.parentNode;
table.removeChild(obj.parentNode.parentNode);
}
</script>
<table>
<tr >
<td>1</td>
<td>1</td>
<td>1</td>
<td><a id="1" href="#" onclick="javascript:del(this);">删除</a></td>
</tr>
<tr >
<td>2</td>
<td>2</td>
<td>2</td>
<td><a id="2" href="#" onclick="javascript:del(this);">删除</a></td>
</tr>
<tr >
<td>3</td>
<td>3</td>
<td>3</td>
<td><a id="3" href="#" onclick="javascript:del(this);">删除</a></td>
</tr>
</table>
</html>
zyzy15 2010-03-04
- 打赏
- 举报
嗯，跟楼上一样。
还想了半天这个id用数字好像是不行的，后来发现根本就不用id这劳什子……
还想了半天这个id用数字好像是不行的，后来发现根本就不用id这劳什子……
<table id="tab1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td><a id="a1" href="#" onclick="remove(this);">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>3</td>
<td><a id="a2" href="#" onclick="remove(this);">删除</a></td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
function remove(obj){
//alert(obj.parentElement.parentElement.rowIndex);
var TR_ind = obj.parentElement.parentElement.rowIndex;
tab1.deleteRow(TR_ind);
}
//-->
</SCRIPT>
itliyi 2010-03-04
- 打赏
- 举报
<title></title>
<script type="text/javascript">
window.onload = function() {
var list = document.links;
for (var i = 0; i < list.length; i++) {
list[i].onclick = function() {
var test = document.getElementsByTagName("tr").item(i);
//alert(this.parentNode.parentNode);
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
//document.getElementById("t").removeChild(this.parentNode.parentNode);
}
}
}
</script>
</head>
<body>
<table id="t">
<tr id="s">
<td>1</td>
<td>2</td>
<td>3</td>
<td>
<a id="1" href="#">删除</a></td>
</tr>
<tr id="ss">
<td>1</td>
<td>2</td>
<td>3</td>
<td>
<a id="2" href="#">删除</a></td>
</tr id="sss">
<tr >
<td>1</td>
<td>2</td>
<td>3</td>
<td>
<a id="3" href="#">删除</a></td>
</tr>
</table>
passself 2010-03-04
- 打赏
- 举报
楼上的可以，我试过了
一弗楚 2010-03-04
- 打赏
- 举报
<html>
<script>
function delTR(obj) {
var table=obj.parentNode.parentNode.parentNode;
table.removeChild(obj.parentNode.parentNode);
}
</script>
<table>
<tr >
<td>1</td>
<td>2</td>
<td>3</td>
<td><a id="1" href="#" onclick="javascript:delTR(this);">删除</a></td>
</tr>
<tr >
<td>11</td>
<td>22</td>
<td>33</td>
<td><a id="11" href="#" onclick="javascript:delTR(this);">删除</a></td>
</tr>
<tr >
<td>111</td>
<td>222</td>
<td>333</td>
<td><a id="111" href="#" onclick="javascript:delTR(this);">删除</a></td>
</tr>
</table>
</html>一弗楚 2010-03-04
- 打赏
- 举报
<table>
<tr >
<td>1</td>
<td>2</td>
<td>3</td>
<td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
</tr>
<tr >
<td>11</td>
<td>22</td>
<td>33</td>
<td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
</tr>
<tr >
<td>111</td>
<td>222</td>
<td>333</td>
<td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
</tr>
</table>unicode 2010-03-04
- 打赏
- 举报
delete getElementById(id).parentNode.parentNode
gaofuqi 2010-03-04
- 打赏
- 举报
恩，跟据id，删除所在的tr行。
xingqiliudehuanghun 2010-03-04
- 打赏
- 举报
这样？
<tr >
<td>1</td>
<td>2</td>
<td>3</td>
<td><a id="11" href="javascript:void(0)" onclick="delete(this.id);">删除</a></td>
</tr>
