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

时间:2013-11-04 21:23:45

标签: javascript oop coffeescript

通过数据结构,我的意思是哈希或对象。这是一个例子(用coffeescript编写,但我相信你能够遵循):

left_arrow = { clickable : true }

$('.left_arrow').click ->
    console.log self.clickable /* want this to log 'true'

HTML:

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

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

1 个答案:

答案 0 :(得分:0)

您可以遍历要保存的属性,并且因为看起来您已经在使用jQuery,所以使用jQuery的data method将它们保存到元素中。

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