js实现删除当前元素的父级元素代码

徊忆羽菲

于 2020-06-10 18:28:59 发布

阅读量3.9k

点赞数 7

分类专栏： Javascript Html Jquery

本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/106672600

版权

Html 同时被 3 个专栏收录

261 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

js实现删除当前元素的父级元素代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>奇葩天地网</title>
</head>
<body>
<ul class="list2">
    <li>
        <img alt="" src="qipa250_1.jpg"/>
        <div>每日奇葩</div>
        <a onclick="deleteQipaElement(this)">删除</a>
    </li>
    <li>
        <img alt="" src="qipa250_2.jpg"/>
        <div>奇葩网</div>
        <a onclick="deleteQipaElement(this)">删除</a>
    </li>
    <li>
        <img alt="" src="qipa250_3.jpg"/>
        <div>我是小奇葩</div>
        <a onclick="deleteQipaElement(this)">删除</a>
    </li>
</ul>

<script type="text/javascript">
    function deleteQipaElement(Obj) {
        Obj.parentNode.parentNode.removeChild(Obj.parentNode);
    }
</script>
</body>
</html>