Javascript 我可以将数据结构显示为HTML元素吗?

Javascript 我可以将数据结构显示为HTML元素吗?,javascript,oop,coffeescript,Javascript,Oop,Coffeescript,我所说的数据结构是指散列或对象。下面是一个例子(用coffeescript编写,但我相信您一定能够理解): HTML: <div class = "left_arrow"> < </div> < 从概念上讲,这可以看作是用javascript对象映射元素的类/id。您可以循环使用要保存的属性,而且因为看起来您已经在使用jQuery,所以可以使用jQuery将它们保存到元素中 attributes = { left_arrow: { clickable : t

我所说的数据结构是指散列或对象。下面是一个例子(用coffeescript编写,但我相信您一定能够理解):

HTML:

<div class = "left_arrow"> < </div>
<

从概念上讲,这可以看作是用javascript对象映射元素的类/id。

您可以循环使用要保存的属性,而且因为看起来您已经在使用jQuery,所以可以使用jQuery将它们保存到元素中

attributes = {
  left_arrow: { clickable : true }
}

for attribute_name, attribute_data in attributes
  ($ ".#{attribute_name}").data attribute_data

# ...

($ '.left_arrow').click ->
  console.log ($ this).data('clickable') # logs true

那么您希望您的元素直接映射到JavaScript对象吗?是的,我想这就是我想要的!这似乎很有趣,但我不知道有什么办法可以马上解决。框架喜欢并解决与您试图完成的类似的问题。啊,这只是一个很小的(完成的)项目,我只是认为这是一个很好的方法:)如果它没有损坏,不要修复它,我想,那么您想通过类名将dom元素映射到一个对象?
attributes = {
  left_arrow: { clickable : true }
}

for attribute_name, attribute_data in attributes
  ($ ".#{attribute_name}").data attribute_data

# ...

($ '.left_arrow').click ->
  console.log ($ this).data('clickable') # logs true