时间戳

首页 > 解决方案 > 如何在javascript中单击按钮时删除完整的行？

javascript - 如何在javascript中单击按钮时删除完整的行？

问题描述

我有一个html/php 代码，如下所示。下面的html/php代码的工作方式是在添加行时，我们可以从每一行中选择日期并保存它。

需要做两件事。

  1. 单击删除按钮时，它应该从JSON数组中删除该值，因为在保存表单后所有内容都从JSON中提取。

  2. 此外，在单击删除按钮时，它应该从 DOM 中删除整个行。

标签： javascriptphpjsondom

解决方案

如果您的 json 在前端是已知的（我认为您是在暗示，因为您rowDelete是 JS 函数），您可以通过this对rowDelete. 然后您可以遍历 DOM 以获取相应的兄弟输入字段的值（可能类似于this.parentNode.childNodes[1]）。

获得该值后，您可以轻松地将其从 json 中的相应数组中删除：

let d = '2020-01-30'
let idx = arr.indexOf(d)   
let newdates = ([...arr.slice(0,idx), ...arr.slice(idx+1)])
data.house_sitting_date = newdates

（当然还有一些额外的索引边界检查）。

之后，您可以执行类似的 DOM 遍历以从 DOM 中删除相应的元素。

推荐阅读