javascript - 如何将属性定义为变量？

Question

我尝试使用

将以下行定义为 Jquery 中的变量

var attributeID = $("#element_to_pop_up").attr("attrId");

我使用的链接是，attrId 是一个变量

<a id="element_to_pop_up" attrId="variable">Link</a>

基本上，我试图将属性“attrId”的值定义为变量。

还有一点需要注意，这是在 FreeMarker 模板内，因此 FreeMarker 已经为我提供了变量值。我不必执行 onclick 即可获取该值。

有更好的方法吗？

Answer 1

HTML5 支持 data attributes 的概念用于特定应用程序的用途。因此，更好的方法是使用 data- 前缀命名所有属性:

<a id="element_to_pop_up" data-attrid="variable">Link</a>

为了包含 @chris97ong 添加的信息，使用 jQuery 访问此变量数据的方法是:

var x= $('#element_to_pop_up').data('attrid');