如何为html tag.ex创建自定义属性：<div class =“header”cust-data =“hide”> </div>

Question

如何为html标记创建自定义属性。

示例HTML代码：

<div class="header" custom-data-attribute="hide"> sample text </div>

Answer 1

您可以使用data-* HTML5属性：

<div class="header" data-custom-attribute="hide"> sample text </div>

然后应用 .data() 设置值：

$('div.header').data("custom-attribute","value here");

并使用以下方法检索值：

var customAttr = $('div.header').data("custom-attribute");

Answer 2

尝试使用.attr()功能，

$('div.header').attr('custom-data-attribute','hide');

Answer 3

您可以使用.attr()或.prop()。试试这个：

 $('div.header').attr("custom-data-attribute","hide");

或

 $('div.header').prop("custom-data-attribute","hide");

<强> Working Demo