HTML/JavaScript：基于其他变量和单元格值动态隐藏一组td/tr

我试图为游戏创建一个纯粹的前端“应用程序”。（HTML、JS和CSS）。 我将有一个元素保存当前点（PT），另一个元素保存当前位置（

currentLocation

）。此外，我有一个表格，用来记录两个位置之间的距离

        |London|New York|LA
London  |0     |100     |200
New York|100   |0       |50
LA      |200   |50      |0

我现在想：

• 答：仅显示与输入中设置的位置匹配的列 元素（

  currentLocation

  ）
• B:只显示单元格值大于的行 输入元素（pts）

假设

currentLocation=London，pts=200

，我想得到：

New York | 100
LA | 200

New York | 100

假设

currentLocation=London，pts=100

，我想得到：

New York | 100
LA | 200

New York | 100

实现这一目标的最佳设计是什么？我想在每列中包含一个特定类的跨距，以实现a。但是，我不知道如何实现B

---

如有任何提示，我们将不胜感激。

根据您的描述 我不知道你怎么储存你的距离表

因此，我假设您的数据存储在不同的位置，请使用以下代码：

function getDistance(currentLocation, pts) {
  const locations = {
    'London': [{ pts: 0, location: 'London' }, { pts: 100, location: 'New York' }, { pts: 200, location: 'LA' }],
    'New York': [{ pts: 100, location: 'London' }, { pts: 0, location: 'New York' }, { pts: 50, location: 'LA' }],
    'LA': [{ pts: 200, location: 'London' }, { pts: 50, location: 'New York' }, { pts: 0, location: 'LA' }],
  };
  const result = locations[currentLocation].filter(item => item.pts <= pts && item.pts !== 0)
  console.log(result)
}

getDistance('London', 200);
getDistance('London', 100);

---

到目前为止，您尝试了什么？请用代码片段或JSFIDLE向我们展示您尝试过的内容。谢谢您的评论。我目前已经构建了html结构，但问题是。我希望在开始分配类/ID和JS编码之前，我能得到一些关于我可以使用的设计模式的输入。据我所知，您的问题是希望查找存储的值。这些值存储在哪里？如果将它们存储在像MSSQL这样的数据库中，那么应该考虑用ASP或PHP来获取T-SQL语言的值。谢谢。将它们存储在数组中，然后根据过滤器的结果动态构建innerHTML似乎比我最初计划的隐藏/显示列更合适。我会更进一步的选择。