从ol中删除列入清单的li

Question

我尝试从列表中删除已检查的项目（按下按钮＆＃39; removeTask＆＃39;）但它只删除了复选框，留下了li文本。

          <ol id="taskchecklist">             
            <li id="task0"><input type="checkbox"> Feed the cat<br></li>
            <li id="task1"><input type="checkbox"> Make dinner for three<br></li>
            <li id="task2"><input type="checkbox"> Take a shower<br></li>
            <li id="task3"><input type="checkbox"> Turn on spotify<br></li>
          </ol>
        Add new task: <input id="taskAdded" type="text"> <button id="addTask">Add</button><br>
        <button id="removeTask">Remove finished tasks</button>

这是htlm代码：

{{1}}

有什么想法吗？感谢。

Answer 1

使用:has selector

$("#taskchecklist li:has(input:checked)").remove();

Answer 2

find（＆＃34;：checked＆＃34;）正在选择输入元素。选择它的父级以删除列表项

$("#taskchecklist li").find(":checked").parent().remove();

Answer 3

删除已检查输入的父级

$("#taskchecklist input:checked").parent('li').remove();