Jquery 如何从div中删除内容？

如何删除div中的所有复选框？如果我使用它，它会删除我的段落，但仍会打印每个项目集名称，以及中间的
名称。（但缺少该复选框）

我的html是：

<div id="fileList">
<p> Select which project files you would like to download: </p>
    <form id="files">
        <input type="checkbox" name="projects" value="1">Project File 1</input></br>
        <input type="checkbox" name="projects" value="2">Project File 2</input></br>
        <input type="checkbox" name="projects" value="3">Project File 3</input>
    </form>
</div>

选择要下载的项目文件：

项目文件1

项目文件2

项目文件3

您可以像这样尝试删除它们，只需在HTML中稍加修改。因为标签标签和文本不是用标签定义复选框的合适方法

这里的问题是，您需要使用标签包装复选框并将其删除

让您的html如下所示：-

<div id="fileList">
<p> Select which project files you would like to download: </p>
    <form id="files">
        <label><input type="checkbox" id="idOfField" /> Some text</label>
        <label><input type="checkbox" name="projects" value="1">Project File 1</input></label></br>
        <label><input type="checkbox" name="projects" value="2">Project File 2</input></label></br>
        <label><input type="checkbox" name="projects" value="3">Project File 3</input></label>
    </form>
</div>

选择要下载的项目文件：

一些文本
项目文件1

项目文件2

项目文件3

您可以像这样尝试删除它们，只需在HTML中稍加修改。因为标签标签和文本不是用标签定义复选框的合适方法

这里的问题是，您需要使用标签包装复选框并将其删除

让您的html如下所示：-

<div id="fileList">
<p> Select which project files you would like to download: </p>
    <form id="files">
        <label><input type="checkbox" id="idOfField" /> Some text</label>
        <label><input type="checkbox" name="projects" value="1">Project File 1</input></label></br>
        <label><input type="checkbox" name="projects" value="2">Project File 2</input></label></br>
        <label><input type="checkbox" name="projects" value="3">Project File 3</input></label>
    </form>
</div>

选择要下载的项目文件：

一些文本
项目文件1

项目文件2

项目文件3

您可以通过CSS选择器指定：

$('#fileList input[type=checkbox]').remove();

---

您可以通过CSS选择器指定：

$('#fileList input[type=checkbox]').remove();

你可以试试这个

("#myDiv :checkbox").remove();

你可以试试这个

("#myDiv :checkbox").remove();

---

您的html无效，输入标记没有结束标记，请尝试此操作

<div id="fileList">
    <p> Select which project files you would like to download: </p>
    <form id="files">
        <label><input type="checkbox" name="projects" value="1">Project File 1</label></br>
        <label><input type="checkbox" name="projects" value="2">Project File 2</label></br>
        <label><input type="checkbox" name="projects" value="3">Project File 3</label>
    </form>
</div>

---

您的html无效，输入标记没有结束标记，请尝试此操作

<div id="fileList">
    <p> Select which project files you would like to download: </p>
    <form id="files">
        <label><input type="checkbox" name="projects" value="1">Project File 1</label></br>
        <label><input type="checkbox" name="projects" value="2">Project File 2</label></br>
        <label><input type="checkbox" name="projects" value="3">Project File 3</label>
    </form>
</div>

---

如果要删除整个列表，请尝试：

    $('#files').empty();

要保持除箱子外的所有物品完好无损，请尝试：

    $('#fileList input:checkbox').remove();

---

如果要删除整个列表，请尝试：

    $('#files').empty();

要保持除箱子外的所有物品完好无损，请尝试：

    $('#fileList input:checkbox').remove();

这项工作：

$('#fileList  input:checkbox').each(function(){
    $(this).closest('label').remove();
});

这项工作：

$('#fileList  input:checkbox').each(function(){
    $(this).closest('label').remove();
});

---

这将导致上述相同的行为。。。输入中的每一个文本都会被打印出来。这会导致上面相同的行为。。。输入中的每一个文本都会被打印出来。这会导致上面相同的行为。。。输入中的每一个文本都会被打印出来。这会导致上面相同的行为。。。输入中的每个文本都已打印。是否要将它们从DOM中删除或仅隐藏它们？

s是，因此它们不应具有结束标记。而是在大于号（

）前面用正斜杠（

/

）关闭它们，如下所示：

。与

s相同：正斜杠需要在标记名之后，大于号之前。您想从DOM中删除它们还是隐藏它们？

是，因此它们不应该有结束标记。而是在大于号（

）前面用正斜杠（

/

）关闭它们，如下所示：

。与

s相同：正斜杠必须在标记名之后，大于号之前。