数据属性在DOM中更新，但可以'；不要在jQuery中调用它

我正在使用来自Codrops的，并试图向扩展视图链接添加其他数据属性。我已经成功地将该属性添加到click元素中，并且修改了jQuery，将数据属性注入到每个新的“访问网站”链接中。当我点击每张图片时，下拉列表会被适当填充。我可以获取我的数据属性（称为

数据显示id

），并返回正确的数据。然而，当我切换到一个新元素时，数据属性在DOM中被更新，但是当我通过jQuery获取它时，我得到了旧属性。以下是一个例子：

第一次单击时：

html:
<a href="#" class="redeem-btn" data-reveal="" data-id="1" data-reveal-id="emailModal">Redeem this Package</a>

jquery: $('a.redeem-btn')
return: <a href="#" class="redeem-btn" data-reveal="" data-id="1" data-reveal-id="emailModal">Redeem this Package</a>

jquery: $('a.redeem-btn').data('revealId')
return: "emailModal"

html：
jquery:$（'a.redemble-btn'）
返回：
jquery:$（'a.receide-btn'）.data（'revalid'））
返回：“emailModal”

到目前为止，一切顺利。一切看起来都正常

在第二次单击时（打开新的下拉列表）：

html：
jquery:$（'a.redemble-btn'）
返回：
jquery:$（'a.receide-btn'）.data（'revalid'））
返回：“emailModal”

当我返回整个

元素时，我看到

“printmodel”

的正确

数据显示id

值。但是，当我尝试仅获取数据时，它返回旧值

“emailModal”

有人能解释一下吗？如何获取正确的数据值？

data（）

在内部存储数据，并在数据存在时获取该数据，否则获取数据属性的值

您要查找的是data属性，并且您已经将数据设置为内部存储，但是仍然希望获取属性的值，您可以这样做

$('a.redeem-btn').attr('data-revealId')

---

我知道有一个简单的解决办法。。非常感谢。我还进一步研究了这个概念，再次感谢

$('a.redeem-btn').attr('data-revealId')