将div连接到javascript对象

Question

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

这是我的code

Answer 1

将对象存储在数组中。

创建div时，请为其id添加something_something_array_index。

您可以使用正则表达式split等

从中提取ID

---

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

myDiv.source_data = myObject;

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

Answer 2

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

设置器：

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

吸气剂：

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

您可以在点击事件处理程序

上使用此功能