Javascript 如何为html标记创建自定义属性。例如:<;div class=";标题“;客户数据=“客户数据”;隐藏“&燃气轮机</部门>;

Javascript 如何为html标记创建自定义属性。例如:<;div class=";标题“;客户数据=“客户数据”;隐藏“&燃气轮机</部门>;,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何为html标记创建自定义属性。 示例HTML代码: <div class="header" custom-data-attribute="hide"> sample text </div> 示例文本 尝试使用函数 $('div.header').attr('custom-data-attribute','hide'); 尝试使用函数 $('div.header').attr('custom-data-attribute','hide'); 您可以使用data-*

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

示例HTML代码:

<div class="header" custom-data-attribute="hide"> sample text </div>
示例文本
尝试使用函数

$('div.header').attr('custom-data-attribute','hide');
尝试使用函数

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

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

<div class="header" data-custom-attribute="hide"> sample text </div>
并使用以下命令检索值:

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

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

<div class="header" data-custom-attribute="hide"> sample text </div>
并使用以下命令检索值:

var customAttr = $('div.header').data("custom-attribute");
您可以使用
.attr()
.prop()
。试试这个:

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

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

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


从OP.+1+1的角度来看,这是唯一一个快速、更好解决方案的答案。但是我们在使用数据属性时需要小心。从OP.+1+1的角度来看,这是唯一一个快速、更好解决方案的答案。但是我们在使用数据属性时需要小心。