因为.data()不会设置data-*的属性值. 尽管.data()获取的数据初始化自data-*属性, 但在添加和修改的过程中不会改变元素的data-*属性. 正确的做法是使用.attr()方法:

$('.div').attr("data-foo", "bar")

参考资料

JQuery .data() not working?