javascript - 将 div 连接到 javascript 对象

Question

我在javascript中存储了名称和价格的对象。我已经将它们附加到 html 中，每个对象都有单独的 div。当我单击 div 时，背景颜色会发生变化，表示您已选择对象。但是如何将屏幕上的 div 绑定到 javascript 对象？当用户单击 div 时，我希望该对象的“选择”属性变为“真”。

这是我的代码

Answer 1

将对象存储在数组中。

当你创建 div 时，给它一个id.something_something_array_index

split您可以使用正则表达式等从中提取 id 。

---

或者，您可以为 HTML Element 对象分配任意属性，因此您可以这样做：

myDiv.source_data = myObject;

有些人认为这很方便，有些人认为添加非标准属性可能会导致未来的名称空间冲突。

Answer 2

您可以更改您创建的属性。例如，每个 div 都可以有一个“selected”属性。您可以使用 jQuery 设置此属性：

二传手：

$(element).attr('selected', value)

吸气剂：

if($(element).attr('selected') == value

您可以在单击事件处理程序上使用它