在 Javascript 生成的列表中，如何将自定义属性添加到 <a> 标记

In a Javascript generated list, how to add custom atributes to the <a> tag?

本文关键字：添加 自定义属性 标记 Javascript 列表      更新时间：2023-09-26

我有一个为我生成列表的javascript。这一切都有效。问题出在<a>标签上。在这个标签中，我想做更多属性，比如data-i="2" 在这样的中放置一个额外的属性：menu: f.menuCaption、class: f.class或style: f.style可以完美地工作。请看我的小提琴：http://jsfiddle.net/mauricederegt/mjdyW/13/

但是当我想添加一个新属性时，例如：data-i它不起作用。怎么来了？参见演示小提琴：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>(当然是从脚本中获取值(

谢谢你的时间

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

{
    'data-i': 'whatever'
}

在进入物业期间：

whatever['data-i']

请参阅更新的 jsFiddle。

相关文章：