javascript - 怎么删除当前节点-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 怎么删除当前节点

PHPz 2017-04-10 15:33:17

[JavaScript讨论组]

351

有很多个没有ID的p,class也是一样的，想要删除当前点击的p，要怎么写（原生）。
比如：



<p class="goods">1</p>




<p class="goods">2</p>




<p class="goods">3</p>




<p class="goods">4</p>




<p class="goods">5</p>




<p class="goods">6</p>

PHPz

学习是最好的投资！

全部回复(2)

阿神2017-04-10 15:35:17 2楼

javascriptvar ps = document.querySelectorAll('.goods');
for (var i = 0; i < ps.length; i++) {
    ps[i].addEventListener('click', function(){
        this.parentNode.removeChild(this);
    }, false);
}

赞 +0

添加回复

阿神2017-04-10 15:35:17 1楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p class="goods">1</p>
    <p class="goods">2</p>
    <p class="goods">3</p>
    <p class="goods">4</p>
    <p class="goods">5</p>
    <p class="goods">6</p>
    <script type="text/javascript">
        var ps = document.querySelectorAll('.goods');
        for (var i = 0; i < ps.length; i++) {
            ps[i].addEventListener('click', function(){
                document.body.removeChild(this);
            }, false);
        }
    </script>
</body>
</html>

赞 +0

添加回复