JQuery .data() not fetching values after I change them

Question

I have a data attribute called registeredteacherid. For some reason the values aren't getting fetched correctly after I update them. Here is a general idea of what I'm doing.

var registeredTeacherId = $(eventPanel).data('registeredteacherid');
// do some work...then
$(eventPanel).data('registeredteacherid', response.teacherId);
// at this point it sets the new value in the IE debugger window
// do some more work
// then I fetch the value again and it still shows the old value
var registeredTeacherId = $(eventPanel).data('registeredteacherid');

create this as a snippet or fiddle. This will not reproduce your problem as far as I can tell. Please ensure that any posted code reproduces your problem. — Steve0
– Steve0, Commented Aug 17, 2017 at 22:48

Dekel · Accepted Answer · 2017-08-17 22:35:26Z

1

The data function will not change the value of your data-* attribute, but it will give you access to these values.

You can always change the values and get the new data, and if you want to change the content of the data-* attribute you can use the attr function:

console.log($('div').data('content'));
console.log($('div').attr('data-content'));
$('div').data('content', 'some new content');
console.log($('div').data('content'));
console.log($('div').attr('data-content'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-content="this is the content">Text</div>

answered Aug 17, 2017 at 22:35

Dekel

62.9k12 gold badges109 silver badges130 bronze badges

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

17 Comments

chuckd Over a year ago

.data can't change it?

Dekel Over a year ago

.data will change the attached data, but not the the value of the attribute.

chuckd Over a year ago

It looks like you can change it in the documnetaion

chuckd Over a year ago

what's the diff between attached data and attribute value?

Dekel Over a year ago

The attached data as the associated data with that element. It can be object/reference/array/anything javascript supports. It is not part of the DOM. When you talk about attributes - the values are strings.

|

Collectives™ on Stack Overflow

JQuery .data() not fetching values after I change them

1 Answer 1

17 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

17 Comments

Your Answer

Sign up or log in

Post as a guest

Related