Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改html数据属性值_Javascript_Jquery_Html - Fatal编程技术网

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')
!=<代码>数据。(