Javascript 更改html数据属性值
Javascript 更改html数据属性值,javascript,jquery,html,Javascript,Jquery,Html,$(文档).ready(函数(){ $(#bla”)。在(“单击”,函数(){ 警报($(this.data('bla')); $(this.attr('data-bla',“2”); }); }); 按钮 该方法只更新元素中可见的属性。要以正确的方式存储数据,需要使用第二个参数作为值的方法 $(文档).ready(函数(){ $(#bla”)。在(“单击”,函数()上{ 警报($(this.data('bla')); $(此).data('bla','2'); }); }); 按钮 da
$(文档).ready(函数(){
$(#bla”)。在(“单击”,函数(){
警报($(this.data('bla'));
$(this.attr('data-bla',“2”);
});
});代码>
按钮
该方法只更新元素中可见的属性。要以正确的方式存储数据,需要使用第二个参数作为值的方法
$(文档).ready(函数(){
$(#bla”)。在(“单击”,函数()上{
警报($(this.data('bla'));
$(此).data('bla','2');
});
});代码>
按钮
data()
不是数据-*
属性的访问器函数。它是jQuery元素数据缓存的访问器,该元素仅从data-*
属性初始化
如果要读取数据bla
属性的值,请使用attr(“数据bla”)
,而不是数据(“bla”)
。如果要设置bla
数据项,请使用data(“bla”,newValue)
,而不是attr(“data bla”,newValue)
例如,对get和set使用attr()
,或对get和set使用data()
,但不要混合使用,因为它们管理不同的事情
使用attr()
:
$(文档).ready(函数(){
$(#bla”)。在(“单击”,函数(){
警报($(this.attr('data-bla'));
$(this.attr('data-bla',“2”);
});
});代码>
按钮
如果检查.data('bla'),也应该更改该数据;-)
$(文档).ready(函数(){
$(#bla”)。在(“单击”,函数(){
警报($(this.data('bla'));
$(此).data('bla','2');
});
});代码>
按钮
$(this).data(“bla”,2)代码>attr.('data')
!=<代码>数据。(