在Javascript生成的列表中，如何向<；a>；标签？

我有一个javascript为我生成一个列表。这一切都有效。问题出在

但是当我想添加一个新属性时，比如：
data-I
，它不起作用。怎么会？参见演示小提琴：（第二个
是使用
data-i
改编的小提琴）

如何使其也可以向脚本添加/使用诸如
data-I
之类的属性？我的最终目标是创建这个：
（当然是从脚本中获取值）

感谢您抽出时间
data-i
在JavaScript中不是有效的标识符，因此您需要以对象文字引用它：

{
    'data-i': 'whatever'
}

在财产访问期间：

whatever['data-i']

我不知道你为什么被否决。因为那些这样做的人甚至没有留下任何错误的迹象，所以请进行投票。我也不知道，所以这里有一个+1来平衡问题：）谢谢投票人！我也没有任何关于反对票的线索，我认为我正确地解释了问题，好的标签，甚至小提琴的例子。我甚至在发帖前用谷歌搜索了一下，虽然我不知道正确的搜索/编码术语，因为我刚开始用js编码。啊哈，一些简单的引用缺失了：-）谢谢你的示例和解释，今天学到了一些东西！