无法识别动态内容数据属性

Question

#board div上的

我附加了5个不同数据ID的按钮。

按下按钮后，我将data-id更改为data-id =“new id”。但是当我再次点击时，我仍然会得到旧的身份。

http://jsfiddle.net/6L0bv9Lv/1/

$('#board').on('click', 'button', function() {   
    var id = $(this).data('id');
    $('.ids').text(id);

    $(this).attr('data-id', 'new id');    
});

Answer 1

这不是你如何通过jQuery更新data-属性：

$(this).data("id", "new id");

是正确的方法。该库只会参考属性。在那之后，＆＃34; id＆＃34;属性在jQuery内部维护的地图中。通过使用.data() API更新值，您可以更新该地图。

如果您出于某种原因想要更新DOM，那么您可以自由地执行此操作，但jQuery不会。