求助：js当点击table中的那个button时删除改行信息（<tr>）！
2个回答
展开全部
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="robots" content="noodp" /><meta name="viewport" content="width=device-width,initial-scale=1.0" />
<style type="text/css">
</style>
</head>
<body>
<table border="1">
<tr><th>ID</th><th>标题</th><th>时间</th><th>操作</th></tr>
<tr id="tr_1"><td>1</td><td>标题1</td><td>时间1</td><td><a href="javascript:void(0)" onclick="del_tr(1)">删除</a></td></tr>
<tr id="tr_2"><td>2</td><td>标题2</td><td>时间2</td><td><a href="javascript:void(0)" onclick="del_tr(2)">删除</a></td></tr>
<tr id="tr_3"><td>3</td><td>标题3</td><td>时间3</td><td><a href="javascript:void(0)" onclick="del_tr(3)">删除</a></td></tr>
<tr id="tr_4"><td>4</td><td>标题4</td><td>时间4</td><td><a href="javascript:void(0)" onclick="del_tr(4)">删除</a></td></tr>
</table>
</body>
<script>
function del_tr(id){
var tr = document.getElementById("tr_"+id);
tr.parentNode.removeChild(tr);
}
</script>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="robots" content="noodp" /><meta name="viewport" content="width=device-width,initial-scale=1.0" />
<style type="text/css">
</style>
</head>
<body>
<table border="1">
<tr><th>ID</th><th>标题</th><th>时间</th><th>操作</th></tr>
<tr id="tr_1"><td>1</td><td>标题1</td><td>时间1</td><td><a href="javascript:void(0)" onclick="del_tr(1)">删除</a></td></tr>
<tr id="tr_2"><td>2</td><td>标题2</td><td>时间2</td><td><a href="javascript:void(0)" onclick="del_tr(2)">删除</a></td></tr>
<tr id="tr_3"><td>3</td><td>标题3</td><td>时间3</td><td><a href="javascript:void(0)" onclick="del_tr(3)">删除</a></td></tr>
<tr id="tr_4"><td>4</td><td>标题4</td><td>时间4</td><td><a href="javascript:void(0)" onclick="del_tr(4)">删除</a></td></tr>
</table>
</body>
<script>
function del_tr(id){
var tr = document.getElementById("tr_"+id);
tr.parentNode.removeChild(tr);
}
</script>
</html>
追问
我表格使用js画的 没办法这样取！
追答
那你用js画的时候顺便给tr加一个id属性都不行吗？这个貌似是可以的吧？
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jQuery比较简单
<table>
<tr>
<th>1</th>
<td>146</td>
<td><span class="delete">删除</span></td>
</tr>
</table>
$('.delete').click(function(){
$(this).parent('td').parent('tr').remove();
});
<table>
<tr>
<th>1</th>
<td>146</td>
<td><span class="delete">删除</span></td>
</tr>
</table>
$('.delete').click(function(){
$(this).parent('td').parent('tr').remove();
});
追问
我表格使用js画的 没办法这样取！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
