Javascript 删除按钮删除目标项目之前的项目_Javascript_Html_Css

Javascript 删除按钮删除目标项目之前的项目

javascript html css

Javascript 删除按钮删除目标项目之前的项目,javascript,html,css,Javascript,Html,Css,我一直在创建一个待办事项列表，其中每个条目有两个按钮，用于完成已完成的任务并删除它。当我删除第二项时，它会删除第一项而不是第二项。我怎样才能解决这个问题？多谢各位这是HTML <body> <header> <h1>To Do List</h1> <div class="addItems"> <input type="text" name="te

我一直在创建一个待办事项列表，其中每个条目有两个按钮，用于完成已完成的任务并删除它。当我删除第二项时，它会删除第一项而不是第二项。我怎样才能解决这个问题？多谢各位

这是HTML

<body>
<header>
    <h1>To Do List</h1>
    <div class="addItems">
        <input type="text" name="text" id="addThis" onfocus="this.value=''">
        <input type="button" value="Add" id="addBtn">
    </div>
</header>

<section class="checkList">
    <ul class="list"></ul>
    
</section>

您有多个具有相同ID的元素（

doneButn

）-然后第一个元素是目标元素（ID haas是唯一的）

使用函数param告诉JS应该以哪个元素为目标

delBtn.setAttribute("onclick" , "done(this)");
                                      ^^^^
... 
function done(el){
        //    ^^
    let li = el.parentNode;
        //   ^^
    li.remove();
}

delBtn.setAttribute("onclick" , "done(this)");
                                      ^^^^
... 
function done(el){
        //    ^^
    let li = el.parentNode;
        //   ^^
    li.remove();
}