jQuery change data attribute value

Question

Hello I have the folowing HTML element :

<li class="total_payment" data-basetotal="0.00">
    <span>
        <h5>Total</h5>
    </span>
</li>

I want to change the data-basetotal value from 0.00 to 50.00 with jQuery jQuery v1.7.2 using :

$(document).ready(function(){
$('.total_payment').attr('data-basetotal', '50.00');
});

but it is not working , how can I change the value please?

Thanks

Looks like that class should be an id if its unique which appears to be. — Andy
– Andy, Commented Sep 23, 2015 at 14:47
That should work as written, can you reproduce the failure? And define what "not working" means in the context of your question. — David Thomas
– David Thomas, Commented Sep 23, 2015 at 14:49

MysterX · Accepted Answer · 2015-09-23 14:48:42Z

5

Try to use

$('.total_payment').data('basetotal', '50.00');

answered Sep 23, 2015 at 14:48

MysterX

2,3781 gold badge14 silver badges12 bronze badges

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

1 Comment

Stryner Over a year ago

This is the preferred way of handling data attributes. As a note though, this won't actually change the data-basetotal attribute on the element; it will only modify the jQuery data object associated with that element.

Collectives™ on Stack Overflow

jQuery change data attribute value

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related