javascript - 在 Javascript 生成列表中，如何将自定义属性添加到 标签？

Question

我有一个 javascript 可以为我生成一个列表。这一切都有效。问题出在 <a>标签。在此标签中，我想添加更多属性，例如 data-i="2"在 like 中添加一个额外的属性:menu: f.menuCaption , class: f.class或 style: f.style工作完美。请看我的 fiddle :http://jsfiddle.net/mauricederegt/mjdyW/13/

但是当我想添加一个新属性时:data-i它不起作用。怎么会？请参阅演示 fiddle :http://jsfiddle.net/mauricederegt/mjdyW/15/ (第二个 <UL> 是使用 data-i 改编的)。

如何才能添加/使用 data-i 等属性？到脚本？我的最终目标是创建这个:<a class="d" data-i="50" data-t="d" data-f="2" data-r="0" data-c="0" style="margin-top: -4.725em; margin-left: -4.6em; "></a> (当然是从脚本中获取值)

谢谢你的时间

Answer 1

data-i 在 JavaScript 中不是有效的标识符，因此您需要在对象字面量中引用它:

{
    'data-i': 'whatever'
}

以及在属性访问期间:

whatever['data-i']

See updated jsFiddle.