how to create custom attribute for html tag.ex:

Question

how to create custom attribute for html tag.

Sample HTML Code:

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

score 5 · Accepted Answer · answered Apr 21 '14 at 10:24

5

You can use data-* HTML5 attribute:

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

then apply .data() to set the value:

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

and retrieve the value using:

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

answered Apr 21 '14 at 10:24

Felix

This is the only answer from the view of OP. +1 – Bhojendra Rauniyar Apr 21 '14 at 10:30
+1 for quick and better solution. But we need to be careful while using data-attributes. http://stackoverflow.com/questions/22753629/jquery-get-html-5-data-attributes-with-hyphens-and-case-sensitivity – Kiran Apr 21 '14 at 10:35

score 1 · Answer 2 · answered Apr 21 '14 at 10:24

1

Try using .attr() function,

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

answered Apr 21 '14 at 10:24

score 0 · Answer 3 · answered Apr 21 '14 at 10:25

0

You can use .attr() or .prop(). Try this:

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

or

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

answered Apr 21 '14 at 10:25

Milind Anantwar

3 Answers3