如何为html tag.ex:<div class="header“cust-data=”隐藏“></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");

工作演示