javascript - 更改值后访问 HTML5 data-* 属性

标签 javascript jquery custom-data-attribute

我使用数据计数属性来计算列表元素被放入目标列表中的次数。该元素只能放入每个目标一次,但可以放入多个目标。

问题是我需要跟踪并显示计数。我正在使用数据属性并遇到以下问题。

在转换时,我使用以下命令检查初始计数

var original_count = member.data('count');

如果计数为零,我向原始元素添加一个类,并使用

更新其数据属性
member.attr('data-count', 1);

这工作正常,我可以在删除一次后看到 DOM 中的变化。当我第二次去放下它时......

member.data('count');

返回初始值 0,而不是更新值 1。如果我将计数检查器更改为

var original_count = member.attr('data-count');

每滴都会返回零。我只需要能够访问 html5 数据属性的更新值。去 RTFM 看看我错过了什么,但如果有任何帮助,我们将不胜感激。

最佳答案

JQuery 缓存数据值以便更快地访问。使用 data(name, newvalue) 设置值而不是 attr。

关于javascript - 更改值后访问 HTML5 data-* 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18016454/

相关文章:

javascript - jQuery - 选择属性名称(不是值)以...开头的所有元素?

javascript - 我返回的数据未使用 connect.compress() 压缩

javascript - 未在输入字段中获取所需值 React redux 或 ReactJS

javascript - 对象中的 null 和 undefined

c# - 值 'XX/YY/ZZZZ"对 DateTime 变量无效

javascript - 自定义 JQuery UI 对话框的正确方法

javascript - 历史 API - Ajax 页面 + Json

JavaScript 不能在循环中使用多个 setTimeout 函数

jquery - removeData() jquery 方法不起作用

javascript - 如何使用 Scroll Magic 插件延迟 GSAP 动画