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

Question

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

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

当用户更改textarea时，我想更新数据注释值（测试显示这是完成此操作的唯一可靠方法）：

$('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语法是什么？

THX

Answer 1

如果您希望更新属性data-comment，则必须使用

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

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

演示：Fiddle