jquery - 试图设置提交按钮的数据值

Question

我在尝试设置元素的数据值时遇到了问题。我有以下内容：

<textarea class='pairing-comment' ></textarea>
<input data-comment="" data-global-id="187"
       type="submit" id="pairing-comment-submit">

当用户更改文本区域时，我想更新数据注释值（测试表明这是完成此操作的唯一可靠方法）：

$('textarea.pairing-comment').on('keyup',function() {
    var com = $(this).val();
    console.log("here i am in pairing-comment " + com);  // works fine
    $('#pairing-comment-submit').
         data('comment', com);  // not writing to the data-comment elment
});

将我想要的内容写入数据注释值的 jquery 语法是什么？

谢谢

Answer 1

如果要data-comment更新属性，则必须使用

$('#pairing-comment-submit').attr('data-comment', com);

当您使用.data()时，它会将值更新为由 jQuery 维护的内部数据结构，而不是更改属性值

演示：小提琴