更改后，JQuery .data（）没有获取值

Question

我有一个名为registeredteacherid的数据属性。由于某种原因，我更新后没有正确获取值。以下是我正在做的一般概念。

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');

Answer 1

data功能不会更改data-*属性的值，但会让您访问这些值。

您可以随时更改值并获取新数据，如果您想更改data-*属性的内容，可以使用attr功能：

＆＃13;

＆＃13;

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'));

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;