我怎样才能 add/remove element/s 通过数组中的坐标 javascript？

Question

我想知道一种从数组中获取坐标的方法，检查这些元素是否存在coords，如果不存在则创建它。

这是为即将到来的 nodejs 游戏准备的。我尝试了几种技术，但都以嵌套代码和整体性能低下告终

为了这个问题，让我们假设我有这个对象数组，或者它也可以来自 json 文件，只要它能按预期工作，这并不重要。

{
 id: 1,
 left: 60,
 top: 10,
 free: 1
},
 id:2 ,
 left: 120,
 top: 10:,
 free: 0
}

我有一个像这样的简单容器

<div style="width: 1000px; height: 300px; background: red;"></div>

现在想象一个包含 5 个内嵌 60x50 框的网格，其中 id:1 是第一个框，id:2 是第二个框。如何检查 element/div 是否存在于网格框 1 或 2 中，如果存在，请将 free: 更新为特定 ID 数组中的 1（存在）或 0（不存在）？

Answer 1

我能想到的一个解决方案是，在渲染时将 Id 放在 div 中，例如，您的 json 中有 id=1,2 并且您有 5 个框视图，在每个框内，如果你呈现一个 div，给它一个 id，然后使用 jquery 找到一个 div，就像这里：How to find a particular Div using jQuery

或者如果你不能把id放在div上，在盒子的顶部元素（假设它是div）上放一个id，找到盒子并尝试找到所需的div 在该框元素内 div.

希望对您有所帮助。