javascript怎么删除 tr
时间:2021-07-17 来源:互联网
今天PHP爱好者给大家带来javascript删除tr的方法:首先创建一个HTML示例文件;然后定义好table表格;最后通过“function delete2(obj){...}”方法删除tr元素即可。希望对大家有所帮助。
本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript怎么删除 tr?
Javascript 删除tr 元素
Javascript
function delete1(obj){
var tr=obj.parentNode.parentNode;
var tbody=tr.parentNode;
tbody.removeChild(tr);
}
//使用Jquery 删除
function delete2(obj){
$(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
}
//该方式只是将TR 元素隐藏
function hide(obj){
$(obj).parent().parent().hide();
}
HTML
<table>
<tbody>
<tr>
<td>xxx1</td>
<td><span οnclick="delete1(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span οnclick="delete2(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span οnclick="hide(this)">隐藏</span></td>
</tr>
</tbody>
</table>
以上就是javascript怎么删除 tr的详细内容,更多请关注php爱好者其它相关文章!
-
星痕共鸣空战流怎么玩-空战流技能连招详解 2025-06-28
-
星痕共鸣捏脸码怎么用-捏脸数据 2025-06-28
-
诛仙手游2神祝有什么技能-神祝职业技能详细 2025-06-28
-
BNB币今日价格及本周行情(币安实时行情) 2025-06-28
-
鸣潮露帕有什么技能-露帕技能效果详细 2025-06-28
-
星痕共鸣协会玩法有哪些-协会活动奖励兑换 2025-06-28