Javascript 如何在表中设置为默认值？

我有一个Html表格，每行有一个按钮。当我点击一个按钮时，它会显示两个以上的按钮，然后消失。当我从另一行单击按钮时，我试图隐藏显示的按钮，但我不知道怎么做

这是我的功能代码

$("#myTable").on('click', 'tbody tr #editAction', function (e) {    
  $(this).hide().closest("tr").find("#deleteAction").show();
  $(this).hide().closest("tr").find("#saveAction").show();
});

---

您应该将id更改为class，如果您使用id，则只有第一行将应用事件。 将代码更改为

 $(".editAction").click(function (e) {    
     $("tr").find(".deleteAction").hide();
     $("tr").find(".saveAction").hide();
     $("tr").find(".editAction").show();
      //show delete and save
     $(this).closest("tr").find(".deleteAction").show();
     $(this).closest("tr").find(".saveAction").show();
     //hide edit button
     $(this).hide();
});

$（“.editAction”）。单击（函数（e）{
$（“tr”）.find（“.deleteAction”）.hide（）；
$（“tr”）.find（“.saveAction”）.hide（）；
$（“tr”）.find（“.editAction”）.show（）；
//显示删除和保存
$（this）.closest（“tr”）.find（“.deleteAction”）.show（）；
$（this.closest（“tr”）.find（“.saveAction”）.show（）；
//隐藏编辑按钮
$（this.hide（）；
});
.deleteAction、.saveAction{
显示：无；
}

桌子{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
公司
联系
编辑
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
编辑
删去
拯救
恩斯特·汉德尔
罗兰·孟德尔
编辑
删去
拯救
您可以在按钮上添加类，并在第一个按钮上添加事件处理程序。
1.所有行中的第一个隐藏（第二和第三个）所有按钮。
2.显示所有行的所有第一个按钮。
3.显示当前行的（第二行和第三行）。
4.隐藏当前行的（第一个）。
模板HTML：


$（文档）.ready（函数（）{
$（“.js-btn2”）.hide（）；
$（“.js-btn3”）.hide（）；
})
$（.js-btn1”）。在（“单击”，函数（）{
$（“.js table”）.find（“.js-btn2.js-btn3”）.hide（）；
$（“.js table”）.find（“.js-btn1”）.show（）；
$（this）.closest（“tr”）.find（“.js-btn2.js-btn3”）.show（）
$（this.hide（）；
})

文件
第1行
Btn1
Btn2
Btn3
第2行
Btn1
Btn2
Btn3
尝试（运行）下面的代码段。这很简单，不言自明。根据您的需要进行修改

请确保在多行上使用class，而不是id来代替#editAction


$（文档）.ready（函数（）{
$（“#myTable”）。在（'click'，'tbody tr.editAction'，函数（e）上{
$（'.quantity'）.removeClass（'show'）；
$（'.editAction'）.removeClass（'hide'）；
$（this.addClass（'hide'）；
$（this）.sides（'.quantity'）.addClass（'show'）；
});
});
.editAction.hide{
显示：无；
}
.数量{
显示：无；
}
.数量{
显示：内联；
}

JS-Bin
序号
水果
量
行动
1.
苹果
5.
变更数量+1-1
2.
橙色
8.
变更数量+1-1
HTML中的标识符必须是唯一的。使用公共css类，然后使用类选择器，即“
”。yourClassName“
请同时添加HTML代码。当您单击一个按钮时，会出现两个新按钮，而所有其他按钮都会消失？因此，同一行上的原始按钮和所有其他行上的按钮都应该消失？可能是重复的，因为您已经问了这个问题，并且得到了回答。请不要问重复的问题