搜索使用 javascript 对象生成的 HTML 表答案

【问题标题】：Search HTML Tables generated with javascript object搜索使用 javascript 对象生成的 HTML 表
【发布时间】：2020-07-07 13:38:41
【问题描述】：

我有一个具有两个属性键和值的对象

let object = [
     {"key":"apple","value":1.90},

     {"key":"berry","value":1.7},
     {"key":"banana","value":1.5},
     {"key":"cherry","value":1.2} ]

现在我使用这个小 sn-p 生成了一个简单的 html 表

for (var i = 0; i < obj.length; i++) { 
var tr = "<tr>";
 if(obj[i].value.toString().substring(obj[i].value.toString().indexOf('.'),obj[i].value.toString().length) < 2)

obj[i].value += "0"; 
 
tr += "<td>" + obj[i].key + "</td>" + "<td>" + 

obj[i].value.toString() + "</td></tr>";

tbody.innerHTML += tr; 

}

并想像搜索 html 表一样搜索它，我成功搜索了它们但不知道如何显示结果，在 html 上我可以使用显示标签动态关闭它并删除不相关的结果我按键，见this

【问题讨论】：

我不完全是 100%，但不是搜索任何“动态生成的 HTML 内容”，而是搜索源对象并根据需要重建 html 显示
@ProfessorAbronsius 我非常担心搜索已经存在的表格，以至于我忘记了我是如何获得它们的，谢谢

标签： javascript html search html-table

【解决方案1】：

对于遇到相同场景的人，我建议您使用 jauery 生成动态表，然后使用相同的搜索方法过滤结果

【讨论】：