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

最新推荐文章于 2023-10-18 18:51:24 发布

徊忆羽菲

最新推荐文章于 2023-10-18 18:51:24 发布

阅读量3.7k

点赞数 7

分类专栏： Javascript Html Jquery

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/106672600

版权

Html 同时被 3 个专栏收录

248 篇文章 7 订阅

订阅专栏

Javascript

231 篇文章 5 订阅

订阅专栏

Jquery

188 篇文章 1 订阅

订阅专栏

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>

徊忆羽菲

关注

7
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
js实现删除当前元素的父级元素代码

js实现删除当前元素的父级元素代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>奇葩天地网</title></head><body><ul class="list2"> <li> <img alt="" src="qipa250_1.jpg"/>
复制链接

扫一扫