Javascript 将动态表保存到json中

将动态表数据保存到json的最佳方式是什么。 我有两个表要保存在一个json文件中。 我能够控制常规表数据，但无法定位动态表的td值

• 我的计划是保存到json并清除论坛以添加更多DC/pop信息

因此，请检查保存按钮并帮助我了解如何继续 1.保存popisp表 2.清除并为下一个pop条目做好准备

$（文档）.ready（函数（）{
$（“.add行”）。单击（函数（）{
var name=$（“#ispname”）.val（）；
var capasity=$（“#iscapasity”）.val（）；
var markup=”“+name+“”+capasity+“”；
$（'popisp tr:last'）。在（标记）之后；
});
$（“.delete row”）。单击（函数（）{
$（'#popisp'）。查找（'input[name=“record”]”）。每个（函数（）{
如果（$（this）.is（“：checked”））{
$（this.parents（“tr”）.remove（）；
}
});
});
$（“.save_asJSON”）。单击（函数（）{
var pop_name=document.getElementById（“popname”）.value
jsonobj.pops[pop_name]={
名称：document.getElementById（“popname”）.value，
城市：document.getElementById（“popcity”）.value，
子网：document.getElementById（“popsubnet”）.value，
}
console.log（jsonobj）；
});
});
var jsonobj={
持久性有机污染物：{}
};

流行音乐名称：
城市：
POP子网
挑选
名称
能力
删除行
拯救

我可以提出以下建议：

将输入另存为jQuery变量以供进一步使用，这不是必需的，但很有用，例如：

var$input=$（'#popname'）

添加一个使用该表的函数，遍历

中的

并检索

以组合要为每行保存的对象，将其作为数组返回

添加一个使用输入清除表单的函数

保存数组时调用上面的两个函数，第一个用于将数据添加到保存的json中，第二个用于清除表单

我在下面展示了对您的代码片段进行了完整修改的更新，但我建议您使用指南以适合您需要的方式实现它

$（文档）.ready（函数（）{
//作为jQuery变量的输入
var$nameInput=$（“#popname”）；
var$cityInput=$（“#popcity”）；
var$subnetput=$（“#popsnet”）；
var$ispname输入=$（“#ispname”）；
var$ispCapacityInput=$（“#ispCapacity”）；
变量$popispTable=$（“#popisp”）；
//方便循环的阵列
变量输入=[$nameInput、$cityInput、$subnetInput、，
$ispNameInput、$ispCapacityInput]；
//功能清除所有输入并删除isp行
函数clearForm（）{
输入。forEach（e=>e.val（“”））；
$popsistable.find（'tbody'）.find（'tr'）.remove（）；
$popsistable.find（'tbody'）.append（$（''）；
}
//返回isp行数据数组的函数
函数ispTableData（）{
var rows=$popispTable.find（'tbody'）.find（'tr'）；
如果（！rows.length）返回[]；
console.log（rows.length）；
var data=rows.toArray（）.reduce（（数据，e，k）=>{
var tds=$（e）.find（'td'）；
如果（！tds.length）返回[]；
数据推送({
选中：$（tds[0]）。查找（'input'）。是（“：选中”），
名称：$（tds[1]）.text（），
容量：$（tds[2]）.text（）
});
返回数据；
}, []);
返回数据；
}
$（“.add行”）。单击（函数（）{
var name=$（“#ispname”）.val（）；
var capasity=$（“#iscapasity”）.val（）；
var markup=”“+name+“”+capasity+“”；
$（'popisp tr:last'）。在（标记）之后；
//最后在这里也清除行表单输入
});
$（“.delete row”）。单击（函数（）{
$（'#popisp'）。查找（'input[name=“record”]”）。每个（函数（）{
如果（$（this）.is（“：checked”））{
$（this.parents（“tr”）.remove（）；
}
});
});
$（“.save_asJSON”）。单击（函数（）{
var pop_name=document.getElementById（“popname”）.value
jsonobj.pops[pop_name]={
名称：$（“#popname”）.val（），
城市：$（“#popname”）.val（），
子网：$（“#popsubnet”）.val（），
//添加isp行数据
isps:ispTableData（）
}
console.log（jsonobj）；
//清除表格
clearForm（）；
});
});
var jsonobj={
持久性有机污染物：{}
};

流行音乐名称：
城市：
POP子网
挑选
名称
能力
删除行
拯救