jQuery.data 和动态更改 HTML5 自定义属性

问题：

jQuery 对象 html5 自定义属性 DATA 正在缓存。
在我的应用程序中，我有一个表单，其中的字段具有不断变化的自定义数据属性，并且这种特定行为对于表单的功能是必不可少的。

我们这里有什么：

有一个带有一些默认自定义属性的输入字段：

<input type="text" name="xxx" data-test="4">

获取自定义属性

for $('input').data()结果将是{ test="4" }

更改自定义属性

$('input').attr('data-test','5')

再次获取自定义属性

for $('input').data()结果会STILL be { test="4" }

Question

我怎样才能始终确保获得所有真实的自定义属性，一个元素上可以有多个属性，使用$.data()功能？我已经尝试过$.removeData()在每次获取之前，但它会完全清除元素中的所有数据，因此无法再访问它。

你需要这样做：$('input').data( 'test' , 5 )

如果你打电话.attr( 'test' , 5 )您将设置一个属性，并像这样影响它<input type='text' data-test='4' test='5' />

请注意，您可以获得如下所示的特定数据属性：var test = $('input').data('test');

edit

要删除特定数据属性，您可以执行以下操作：jQuery.removeData( $( 'input' ) , "test" );