javascript - 定位一个复选框并使用 Jquery 删除它

Question

我正在尝试自学 JQuery 和 Javascript。我创建了一个购物 list Web 应用程序，它使用 JQuery 将带有复选框输入的 li 项目添加到 html。

下面是代码:

if(item.length < 1) {
        alert("Tell us what you need")
    } else {
        $("#list").append( "<li><input type='checkbox' value='None' id='checkbox' name='check' />" + 
            "<label for='checkbox'>" + item + "</label></li>");
        $("#input").val("");
        console.log("clear")
    };

我想要的是删除用户单击 #clear 按钮时检查的任何 li 项目。我对此进行了研究，但无法提出仅删除选中项目的解决方案。

如果有任何帮助，我将不胜感激。

谢谢!

Answer 1

我认为你需要的是checked selector 。要删除，您可以执行以下操作:

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

编辑:正如有人所说，您不应该有多个具有相同 id 的元素。将其更改为类并使用类似以下内容的内容:

$(".checkbox:checked").parent("li").remove();

相反。如果所有复选框都是 li 的直接子级，则 "li" 在技术上不是必需的，并且可能效率较低，但可能不太可能破坏某些内容，具体取决于您的页面(小)。