Javascript 如何重置表中的行

下表包含文本框。我想单独重置每一行，但现在它正在重置整个表。解决这个问题的最有名的方法是什么？目前我正在使用jquery，但我不确定javascript是否能更好地工作。我也试着遍历每一行，但不知怎的，我得到了相同的结果，没有任何改变

.zui表{
边框：实心1px#DDEEEE；
边界塌陷：塌陷；
边界间距：0；
字体：标准13px Arial，无衬线；
}
.zui表thead th{
背景色：#DDEFEF；
边框：实心1px#DDEEEE；
颜色：336b；
填充：10px；
文本对齐：左对齐；
文本阴影：1px 1px 1px#fff；
}
.zui表tbody td{
边框：实心1px#DDEEEE；
颜色：#333；
填充：10px；
文本阴影：1px 1px 1px#fff；
}

名称
位置
身高
出生
薪水
重置
$（文档）.ready（函数（）{
$（'#myForm'）。触发器（“重置”）；
});

定义了一个重置按钮，用于将所有表单值重置为初始值

因此，您应该实现一个按钮，该按钮触发一些函数，用于重置每一行

从这里开始：

定义了一个重置按钮，用于将所有表单值重置为初始值

因此，您应该实现一个按钮，该按钮触发一些函数，用于重置每一行

从这里开始：

---

我将您的输入类型重置更改为“类型”按钮

单击此按钮可以将每个输入的值设置为空字符串：

//在数据属性中为每个输入保存初始值。。。。
$（'#myForm:input:not（[type=“button”]）。每个（函数（idx，ele）{
ele.dataset.initvalue=ele.value；
});
$（'#myForm[type=“button”]”）。在（'click'，函数（e）上{
//重置当前行。。。。。。。。。。。。
$（this）.closest（'tr'）.find（'：输入：not（[type=“button”]））.each（函数（idx，ele）{
//恢复初始值
ele.value=ele.dataset.initvalue；
})
});
.zui表{
边框：实心1px#DDEEEE；
边界塌陷：塌陷；
边界间距：0；
字体：标准13px Arial，无衬线；
}
.zui表thead th{
背景色：#DDEFEF；
边框：实心1px#DDEEEE；
颜色：336b；
填充：10px；
文本对齐：左对齐；
文本阴影：1px 1px 1px#fff；
}
.zui表tbody td{
边框：实心1px#DDEEEE；
颜色：#333；
填充：10px；
文本阴影：1px 1px 1px#fff；
}

名称
位置
身高
出生
薪水
重置
我将您的输入类型重置更改为类型按钮

单击此按钮可以将每个输入的值设置为空字符串：


//在数据属性中为每个输入保存初始值。。。。
$（'#myForm:input:not（[type=“button”]）。每个（函数（idx，ele）{
ele.dataset.initvalue=ele.value；
});
$（'#myForm[type=“button”]”）。在（'click'，函数（e）上{
//重置当前行。。。。。。。。。。。。
$（this）.closest（'tr'）.find（'：输入：not（[type=“button”]））.each（函数（idx，ele）{
//恢复初始值
ele.value=ele.dataset.initvalue；
})
});
.zui表{
边框：实心1px#DDEEEE；
边界塌陷：塌陷；
边界间距：0；
字体：标准13px Arial，无衬线；
}
.zui表thead th{
背景色：#DDEFEF；
边框：实心1px#DDEEEE；
颜色：336b；
填充：10px；
文本对齐：左对齐；
文本阴影：1px 1px 1px#fff；
}
.zui表tbody td{
边框：实心1px#DDEEEE；
颜色：#333；
填充：10px；
文本阴影：1px 1px 1px#fff；
}

名称
位置
身高
出生
薪水
重置
如果您不想对重置按钮使用
type=“reset”
，只需坚持使用
type=“button”
。您不想重置整个表单

您可以向这些按钮添加单击侦听器，以获取单击按钮的当前行
这可以通过以下方式实现：
$（e.target）.parent（）.parent（）
或
$（e.target）.最近（'tr'）
获得行后，可以定位输入字段并将其值设置为默认值或空字符串

更新：