怎样在单元格中的事件中删除行？

[zyq_123]

<table>
<tr>
<td>
甲
</td>
<td>
<a href="#" onclick="delrow()">
</td>
</tr>
<tr>
<td>
乙
</td>
<td>
<a href="#" onclick="delrow()">
</td>
</tr>
</table>

<script type="text/javascript">
function delrow(){
//怎样处理可以删除所在行？
}
</script>

[zyq_123]

<table>
<tr>
<td>
甲
</td>
<td>
<a href="#" onclick="delrow()">删除</a>
</td>
</tr>
<tr>
<td>
乙
</td>
<td>
<a href="#" onclick="delrow()">删除</a>
</td>
</tr>
</table>

<script type="text/javascript">
function delrow(){
//怎样处理可以删除所在行？
}
</script>

[zyq_123]

就是点击该行的删除标签，就删除该行。

[碧海情天-赵亮]

类似的问题，我记得回答过了。

<script>
function delrow(tdContent)
{
	var tr=tdContent.parentNode.parentNode;
	tr.parentNode.deleteRow(tr.rowIndex);
}
</script>
<table id="table1">
<tr>
	<td>甲</td>
	<td><a href="#" onclick="delrow(this)">删除</a></td>
</tr>
<tr>
	<td>乙</td>
	<td><a href="#" onclick="delrow(this)">删除</a></td>
</tr>
</table>

[仲兴轩]

JQuery更简单：

<script>
function delrow(tdContent)
{
    $(tdContent).parent().parent().remove();
}
</script>
<table id="table1">
<tr>
    <td>甲</td>
    <td><a href="#" onclick="delrow(this)">删除</a></td>
</tr>
<tr>
    <td>乙</td>
    <td><a href="#" onclick="delrow(this)">删除</a></td>
</tr>
</table>

wan

[pxynet]

[Quote=引用 4 楼 zhongxingxuan 的回复:]

JQuery更简单：
HTML code

<script>
function delrow(tdContent)
{
$(tdContent).parent().parent().remove();
}
</script>
<table id="table1">
<tr>
<td>甲</td>
<td><a href="#" onclick="delrow(this……
[/Quote]
+1

[gouxiongyaya]

顶一下3楼！

[无·法]

[Quote=引用 4 楼 zhongxingxuan 的回复:]

JQuery更简单：
function delrow(tdContent)
{
$(tdContent).parent().parent().remove();
}
</script>
<table id="table1">
<tr>
<td>甲</td>
<td><a href="#" onclick="delrow(this)">删除</a></td>
</tr>
<tr>
<td>乙</td>
<td><a href="#" onclick="delrow(this)">删除</a></td>
</tr>
</table>
[/Quote]这个貌似很简洁啊，不过效率要求高的话就用原生的吧。

[打字员]

//通用性，不管tr下有多少层子元素。

function removeTR(obj) {
	var s = obj.parentNode;
	var st = s.tagName.toLowerCase();
	switch(st) {
		case 'tr':
			s.parentNode.deleteRow(s.rowIndex);
			break;
		case 'body':
			break;
		default:
			removeTR(s);
	}
}

[仲兴轩]

楼主真有才，问下删除行的，出这么多帖子？

wan

[打字员]

这年头，有分才是王道。。。。

[zyzy15]

3楼的代码还可以写成这样

function delrow(tdContent){
	document.getElementById("tab").deleteRow(tdContent.parentNode.parentNode.rowIndex);
}

[hch126163]

[Quote=引用 3 楼 theforever 的回复:]

类似的问题，我记得回答过了。

HTML code
<script>
function delrow(tdContent)
{
var tr=tdContent.parentNode.parentNode;
tr.parentNode.deleteRow(tr.rowIndex);
}
</script>
<table id="table1">
<tr>
<td>甲……
[/Quote]

+1