我有一个属性为data-myval = "10"的div.我想更新它的价值;如果我使用div.data('myval',20),它不会改变吗?我需要只用div.attr('data-myval','20')吗?

我是否对HTML5和jQuery感到困惑?请告知.谢谢

编辑:更新div.data('myval')=20div.data('myval',20),但HTML仍然没有更新.

推荐答案

HTML

<div id="mydiv" data-myval="10"></div>

JS

var a = $('#mydiv').data('myval'); //getter

$('#mydiv').data('myval',20); //setter

Demo

Reference

参考文献:

jQuery本身使用.data()方法以"events"和"Handle"的名称保存信息,并保留以下划线(‘_’)开头的任何数据名称供内部使用.

应该注意的是,jQuery的data()没有改变HTML中的data属性.

因此,如果需要更改HTML中的data属性,应该使用.attr().

HTML

<div id="outer">
    <div id="mydiv" data-myval="10"></div>
</div>

​JS:

alert($('#outer').html());   // alerts <div id="mydiv" data-myval="10"> </div>
var a = $('#mydiv').data('myval'); //getter
$('#mydiv').attr("data-myval","20"); //setter
alert($('#outer').html());   //alerts <div id="mydiv" data-myval="20"> </div>

this demo

Html相关问答推荐

Rmarkdown上的垂直标签集

我需要主页按钮出现在中间

如何在angular 17.2中使用routerLink解决此错误

Chrome和Safari浏览器中的CSS3动画不同

每次在视口中运行动画

<;img>;和具有负边距的元素的堆叠顺序

在css嵌套 Select 器中,尾随的`&;‘是什么意思?

使用css第n个子元素,如何迭代Y组中的X个元素?

MatSnackBar: colored颜色 不起作用

我怎样才能有一个div,在其中放置一个消息,打破和不go 的div?

如何生成随机字符串的字母数字字符集长度到html跨度?

如何显示自定义按钮以将产品添加到WooCommerce购物车?

错误时交换表单,成功时使用HTMX重定向

:invalid Select 器的惰性判断

Web 组件 #shadow-root css 泄漏到文档

如何影响 HTML 元素的哪些子元素导致其增长,哪些不增长?

CSS flex:0 0 auto创建了1像素的间隙

CSS 字母间距将按钮向右扩展

自定义进度条 Html 和 CSS 布局

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App