使用节点和Jquery（无数据库）从Json中删除表行

我想弄清楚如何删除一个字段从一个Json数组点击删除button。 我在这方面很新，似乎无法弄清楚如何实现这一点。 这是它的样子：

一个简单的表格，从JSON文件中提取数据

这里是代码：

$(".task_box").on("click", function(evt){ $("#task_table").show(); $.getJSON("db.json", function(data) { $.each(data, function(key,value) { console.log("Get Json data worked"); task = data; var row = $('<tr><td>' + task.box1[0].taskName+ '</td><td>' + task.box1[0].time + '</td><td>' + task.box1[0].location + '</td><td>' + '<button type="button" class="btn btn-warning">Delete</button>') $('#task_table').append(row); }); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="tasks_list"> <table id="task_table" class="tableStyle" > <tr> <th>Task Name</th> <th>Time</th> <th>Location</th> </tr> </table> </div> </div> </div> 

我需要以某种方式更新和删除节点的表内容，任何人都可以帮助我实现这一点？ 还有更好的方式来获取我的数组？ 这对我来说运行不好。

我很抱歉，如果我似乎没有受过教育，但我一直在节点大约不到一个星期，我真的不知道这一点。 任何帮助将非常感激。

Answer 1

而不是onClick为每个button，你可以设置每个button与类说“删除”，绑定事件的表，并删除最接近的tr使用jQuery。

第一次改变：

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

至

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

然后将其绑定到表

 $('table').on('click','tr a.delete',function(e){ e.preventDefault(); $(this).closest('tr').remove(); });