尝试设置“提交”按钮的数据值

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维护的内部数据结构，而不是更改属性值。

演示：小提琴