javascript - jquery 变量似乎在第一次单击后永远不会被设置

Question

这可能很简单，但此时答案暗示了我。我有一个按钮，我已将数据属性附加到('data-faqid')

单击网页上的链接会更改此数据，然后当我单击该按钮时，我尝试获取像这样的值

   $('#faqSaveBtn').click(function () {
        var aFAQID = $(this).data('faqid');
        saveAClassFaq(aFAQID, sf);
    });

我的问题是这样的:

我点击按钮一次，值看起来不错。我单击其他应该更改此数据属性的按钮，它们在查看 dom 时似乎可以工作，但第二次和任何其他单击总是返回我第一次单击该按钮时的值。

编辑:我用这段代码更改了 faqid - 在其他点击事件中

$('#faqSaveBtn').attr('data-faqid', iFaqID);

Answer 1

不要使用.attr()来设置数据属性。属性(仅对 HTML 源有效)与其生成的属性(属性将从 HTML 源解析一次)之间存在差异

为了更改它们，您必须使用 .prop() 或者更确切地说(如果是数据属性).data(name, value) 来设置属性(property)

$('#faqSaveBtn').data('faqid', iFaqID);