Add custom attribute without a value jQuery

Question

How do i add custom attribute without a value jQuery? I want the following:

    <tr data-header-row>

The following does not work:

  $(tr).prop('data-header-row',true);

Thanks

antyrat · Accepted Answer · 2015-01-29 15:23:52Z

2

To add HTML element attributes in jQuery you need to use attr method:

$(tr).attr('data-header-row','true');

But I would suggest you to use data method instead:

$(tr).data('header-row', true);

It will automatically add data- namespace to your attribute.

To get stored value then you can do simple:

console.log( $(tr).data('header-row') );

answered Jan 29, 2015 at 15:23

antyrat

27.7k9 gold badges78 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

.data() does not actually add an attribute, just saves the value and links it to the element in a jQuery internal cache.

Hello. That did not work. .attr puts an attribute with a value of true. I do not want that.

@Spokey correct, but using data you can grab attributes values without adding an preffix.

@BoundForGlory and what do you want then?

@BoundForGlory if you want to have just attribute you can pass an empty string to it: $(tr).attr('data-header-row','');

|