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

标签 javascript jquery html

<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() 它会删除文档中存在的总隐藏值。

最佳答案

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

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

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

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

关于javascript - 如何从jquery中的父元素中删除html标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8938417/

相关文章:

html - 如何更改 Bootstrap 5 中选中的输入复选框的背景颜色?我正在使用 Angular 12

javascript - 在小窗口或移动设备上查看时,我的 Bootstrap 固定顶部导航栏不会显示所有下拉元素

javascript - 推送到数组并比较两个数组 JavaScript

javascript - 即使我没有对其执行任何操作,数组值也会更改为负值

javascript - 当我在 jquery fullcalendar 中将 slotMinutes 设置为 50 值时出现错误

jquery - Twitter Bootstrap Timepicker 问题

javascript - jQuery on click 在相同的 .wrappers 中独立循环图像

html - 如何对齐 Pill 元素并总体上改进我的代码?

javascript - 为什么下面的setTimeout直接打印出来了?

javascript - 在 ember 路由中使用模型哈希时,模型对象未保留