javascript - 如何从jquery中的父元素中删除html标签

Question

<td>
    <input type='checkbox' value='-1' name='xxx' checked>XXX
    <input type='hidden' value='-1' name='xxx'>
</td>
<td>
    <input type='checkbox' value='-1' name='xyy' checked>Xyy
    <input type='hidden' value='-1' name='xyy'>
</td>
<td>
    <input type='checkbox' value='-1' name='yyy' checked>yyy
    <input type='hidden' value='-1' name='yyy'>
</td>

在上面的代码中，我设置了一个隐藏值，其名称与提交表单时的名称相同，既没有提交 0 也没有提交 1。现在我遇到了一个问题，当我单击复选框时，我想删除 input:hidden 节点并保持不变。但是使用 $("input:hidden").remove() 它会删除文档中存在的总隐藏值。

Answer 1

如果你有那个 html 结构，你可以试试这个。它只是删除选中复选框的下一个隐藏输入。

$("input:checkbox").click(function() {
  $(this).next("input:hidden").remove();
});

如果你只想在选中复选框时删除它们，你可以添加这个条件

if ($(this).is (':checked'))