自定义CSS样式

Question

是否可以在css设置中存储自定义属性？

假设我想存储一些元数据，如：

.some_class {
    customAttribute: "metadata value";
}

然后使用jquery：

检索此元数据

alert($("div.some_class").css("customattribute")); 
// Outputs message "metadata value"

Answer 1

使用jQuery的.data()。

示例：

$('.elem').data('customattr', 'value');

使用以下方法检索它：

$('.elem').data('customattr');

或者，如果您想将其存储在HTML中。

使用HTML5的数据attr：

<div class="elem" data-customattr="value">

HTML5的自定义属性始终以data-

开头