alter custom attribute using css() not working

Question

<div data-progress="0"></div>

$('div').css('data-progress',10');

why this doesn't work? I'd put this within a loop and manipulate the div's data-progress attr but nothing happened.

Should that ' character be there, to the right of the 10? — eigenchris
– eigenchris, Commented Feb 26, 2015 at 3:23

Josh Crozier · Accepted Answer · 2015-02-26 03:23:52Z

2

It doesn't work because data-progress is not a CSS property, it is a custom attribute.

Use the .attr() method to modify the attribute.

$('div').attr('data-progress', 10);

Also, you had a stray ' after the 10, remove that.

answered Feb 26, 2015 at 3:23

Josh Crozier

242k56 gold badges401 silver badges316 bronze badges

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

1 Answer 1