javascript - 我可以让数据结构显示为 HTML 元素吗？

Question

我所说的数据结构是指散列或对象。这是一个例子（用coffeescript写的，但我相信你能理解）：

left_arrow = { clickable : true }

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

的HTML：

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

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

Answer 1

您可以循环遍历要保存的属性，并且由于看起来您已经在使用 jQuery，因此请使用 jQuery 的data 方法将它们保存到元素中。

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