javascript - jQuery 动态更改数据属性后，如何读取/写入数据属性？

Question

我正在创建一个可以使用Mix It Up排序的项目列表。我希望每个项目都有一个向上和向下按钮，用于增加或减少每个项目的投票，然后根据新投票，将其在列表中向上或向下移动。

这一切都很好，但我在使用数据属性进行 Mix It Up 时遇到了问题。 Mix It Up 使用数据属性进行排序，因此在我的代码中我正在更改 data-votes 属性(使用 $(selector).data('votes'))。但是，每当我打印出具有“更改”数据属性的元素时，它们都与开始时相同。

如何强制 jQuery/Mix It Up 重新读取数据属性，以便 Mix It Up 可以使用新属性进行动态排序？

Answer 1

我认为你需要这样做:

$(selector).attr('data-votes', newCount);

如果您尝试读取属性本身。如果您想通过 .data 设置内容，则可以将其链接起来，例如...

$(selector).attr('data-votes', newCount).data('votes', newCount);