JavaScript删除tr

html部分

<table>  
        <tbody>  
            <tr>  
                <td>xxx1</td>  
                <td><span onclick="delete1(this)">删除</span></td>  
            </tr>  
            <tr>  
                <td>xxx1</td>  
                <td><span onclick="delete2(this)">删除</span></td>  
            </tr>  
            <tr>  
                <td>xxx1</td>  
                <td><span onclick="hide(this)">隐藏</span></td>  
            </tr>  
        </tbody>  
    </table>  

 

js部分

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();
}

 

 

版权声明:
作者:黯然gg
链接:https://3zi.cn/archives/283
来源:阿龙爱吃肉
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录