如何每次单独删除一个span

img


现在每次单独生成一条，是想给每个span后面加个叉号，并且每次点击x号可以单独删除一条，不是要点击x号后全部删除

img


就是这样点击后会单独的清除这一条

我写了一个，你仿着写吧

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点击删除节点</title>
</head>

<body>
    <ul>
        <div>111<li class="common"> 删除1</li></div>
        <div>222<li class="common"> 删除2</li></div>
        <div>333<li class="common"> 删除3</li></div>
        <div>444<li class="common"> 删除4</li></div>
        <div>555<li class="common"> 删除5</li></div>
        <div>666<li class="common"> 删除6</li></div>
    </ul>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(".common").click(function(){
            $(this).parent().remove()
        })
    </script>
</body>

</html>

使用removeChild方法试试。参考：

var box=document.getElementById("box");
box.parentNode.removeChild(box);