Jquery AJAX调用更新数据属性，但读取属性返回AJAX之前的值

我有一个AJAX调用，它成功地更新了div的数据属性

matchupid = $('#matchupID').data('matchupid')

在AJAX更新之后（当我使用DevTools检查元素时成功地更改了属性），它返回原始的matchupID，而不是AJAX调用输入的新ID。你知道为什么会这样吗？谢谢

编辑：

我想我修好了。我正在使用

.attr('data-matchupID', $('#matchupID').data('matchupid'))

.data('matchupID')

以及使用

.attr('data-matchupID', $('#matchupID').data('matchupid'))

.data('matchupID')

---

这会有什么不同吗？

你能为你的问题创建一个JSFIDLE吗？更改数据的代码在哪里？@iJay，我添加了一些额外的信息above@musa，我在上面添加了一些额外的信息。我不知道它们是否区分大小写，您是否尝试对两者使用相同的大小写。您还应该使用

.data（）

来更新值，而不是

.attr（）