Javascript 使用node和jQuery从Json中删除表行(无数据库)

Javascript 使用node和jQuery从Json中删除表行(无数据库),javascript,jquery,json,node.js,Javascript,Jquery,Json,Node.js,我试图弄清楚如何在单击delete按钮时从Json数组中删除字段。我是个新手,似乎不知道如何做到这一点。下面是一个从JSON文件中提取数据的简单表: 代码如下: $(“.task_box”)。在(“单击”,函数(evt){ $(“#任务表”).show(); $.getJSON(“db.json”,函数(数据){ $。每个(数据、函数(键、值){ log(“处理Json数据”); 任务=数据; 变量行=$(''+task.box1[0].taskName+'' +task.box1[0]。时

我试图弄清楚如何在单击delete按钮时从Json数组中删除字段。我是个新手,似乎不知道如何做到这一点。下面是一个从JSON文件中提取数据的简单表:

代码如下:

$(“.task_box”)。在(“单击”,函数(evt){
$(“#任务表”).show();
$.getJSON(“db.json”,函数(数据){
$。每个(数据、函数(键、值){
log(“处理Json数据”);
任务=数据;
变量行=$(''+task.box1[0].taskName+''
+task.box1[0]。时间+“”
+task.box1[0]。位置+“”+“删除”)
$(“#任务_表”)。追加(行);
});
});
});

任务名称
时间
位置

不必单击每个按钮,只需使用类设置每个按钮,比如“delete”,将事件绑定到表中,并使用jquery删除最近的tr

第一个变化:

'<button type="button" class="btn btn-warning">Delete</button>'

不必为每个按钮单击onClick,只需将每个按钮设置为一个类,比如“delete”,将事件绑定到表中,并使用jquery删除最近的tr

第一个变化:

'<button type="button" class="btn btn-warning">Delete</button>'

避免为每个按钮提供唯一的id并调用
$(“#id”)。删除(),因为这会增加事件处理程序的数量,对于您的用例来说是不必要的。避免为每个按钮提供唯一的id,并调用
$(“#id”)。删除()因为这会增加事件处理程序的数量,对于您的用例来说是不必要的。
$('table').on('click','tr a.delete',function(e){
  e.preventDefault();
  $(this).closest('tr').remove();
});