jQuery .data（）不起作用，但.attr（）可以

置顶 已于 2024-02-27 14:40:26 修改
阅读量571 收藏
点赞数
分类专栏： 全套Linux软件部署 文章标签： 前端 java javascript
于 2022-08-17 00:26:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ1375235976/article/details/126376960
版权
在处理数据绑定时遇到问题，发现使用jQuery的.data()方法设置的数据无法正常获取，而换为.attr()则可以成功。经分析，若元素已有data-xxx属性，需用.attr()来读取data-mentId的值。
摘要由CSDN通过智能技术生成 
$('#xxxId').data("mentId", "223344");
console.log($('#xxxId').attr("data-mentId"));
console.log($('#xxxId').data("mentId"));

使用data()设置，必须使用data()方法获取。

标签上之前就有data-xxx，必须使用$('#xxxId').attr("data-mentId")获取。

风小筝123
关注
专栏目录
订阅专栏
JQuery中attr属性和jQuery.data()学习笔记【必看】
10-22
在此例中，可以使用data-fooBarBaz来获取数据，但不能使用data-foo-bar-baz。 - **数据存储位置**：attr()方法获取或设置的是页面上可见的属性值，而.data()方法获取或设置的是通过JQuery封装的数据，存放在内存中...
jQuery 的 data() 与 attr() 使用，data() 为何无效？
qq_32506555的博客
02-22 2131
本文和大家分享的主要是jquery的data() 与 attr() 使用，data()无效相关内容，一起来看看吧，希望对大家学习jquery 有所帮助。 　　jQuery 的 data() 方法 　　HTML 元素可以自定义属性，一般约定以“data-”开头（你不这么约定也行，但是那样就用不到 jQuery 的 data() 了）。 　　jQuery 的 data() 可以方便取
jQuery中的data方法只能获取不能设置值？
Felix__XP的博客
05-25 7335
data([key],[value]) 在元素上存放或读取数据,返回jQuery对象 上面是在jQuery手册中的截取，“存放”数据？先看代码<div id="div1" data-test="test">1</div> <script> console.log($("#div1").data("test"));//test </script>OK，读取是正常的。 再来，<div id
jQuery 中 data() 引发的错误
FE-阿阳的博客
02-01 1029
jQuery 中 data() 引发的错误 详情描述 jQuery 中 data()解释为可以获取、设置元素自定义的属性，但是尽量不用data()方法去获取元素的自定义属性；因为会引发一些隐形错误； 1. 只能获取到第一次赋值的属性，之后通过修改的值获取不到； 2. 如果值是string类型的数字，比如“123”，获取的时候会强转为number，123； 3. 所以建议还是使用 $(“d
jq动态设置、获取自定义属性data-elem失效问题
乔的博客
10-29 794
jq动态设置、获取自定义属性data-elem失效问题
jqery中无法通过 .data(key,value)方法来设置 data-*的属性
一个烂人的随手笔记
09-23 5008
https://segmentfault.com/q/1010000004959330 误解了data的用法, 试着看看jquery的源码中data的封装:data 很明显的表明$(element).data(); 是需要html标签中已经存在如这样的,所以题主找不到比较正常。 一般操作的时候,都会在html标签中添加data-name="value",然后再通过jquery
jQuery中.attr()和.data()的区别分析
10-19
在jQuery中，`.attr()`和`.data()`方法都是用来处理元素属性的，但它们的作用机制和用途有所不同。这里我们将深入探讨这两个方法的区别以及如何在实际应用中选择合适的使用方式。 首先，`.attr()`方法主要用于读取...
bootstrap data与jquery .data
10-25
从jQuery源码的片段中我们可以看出，当调用`.data()`方法而不传递任何参数时，jQuery会遍历元素的所有属性，查找那些以`data-`开头的属性，并将它们转换为驼峰命名的JavaScript对象属性。这样，用户在HTML中通过`...
jQuery缓存导致 data( ) 方法无法取到最新的值
qq_39309971的博客
11-14 835
有以下代码： HTML（部分代码）： &lt;table id="secondTypeTable" class="col-xs-4" data-type-level="2" data-parent-id=""&gt; 其中 "data-parent-id" 属性会动态改变。 2. JavaScript（部分代码）： var parentId = that.parents("ta
jQuery中data方法遇到的bug
最新发布
qq_62452129的博客
02-14 203
解决办法:不使用data方法来获取 使用jQuery的attr来获取他的属性就好了。
jquery data与attr 坑
lyj330852840的博客
04-08 224
attr 1. 获取元素节点上的属性 2. 设置的值，会呈现在html节点上。 3. 获取的值 是字符串 data ==》 个人是不推荐使用，虽然方便，但是容易造成不可知的错误。 1. 获取元素节点上 data- 开头的属性值，获取时不加 data- , 2. 也可以获取 通过data方法设置的 data的值，该data值不会呈现在ht...
bug宝典js篇 jquery获取不到data属性的值
warrah 南极狼
01-01 3156
下面data-moniAdd这个属性的值获取不到，<c:forEach var="item" items="${upMoniInfos }" varStatus="idx"> <div class="col col-xs-4 "> <div cla
jQuery的data函数使用遇到的坑
liupq66的博客
08-11 729
在HTML5的标签中可以使用data-自定义属性的形式存储数据，然后使用jQuery的data函数就可以获取该数据。 然而需要注意的是，HTML标签或属性是不区分大小写的，也就是说data-id跟data-ID是一样的。 但是JavaScript是区分大小写的，当你在标签中使用data-ID时，使用$.data("ID")就获取不到数据，因为实际上data-ID在HTML中会变成data-id
由jquery缓存引发的一桩血案，data()无法取到data-*正确值
KevinHades的博客
01-26 5280
今天在应用中遇到一个非常奇怪的问题，实际上我的应用就是将点击table中的formatter中的操作时将rowid传入模态框modal中的保存按键button的data-id属性字段，实现如下 如下的效果， 在点击modal中的保存按钮时，onclick事件saveAuthMenu（this）将this传入function中 （如上图所示）， 在function中用jquery的...
关于html标签中jq无法读取data-xxx的问题
Z_hao_nan的博客
09-23 978
在做一些前端开发中，有时会用的data-xx标签比如   &lt;a href="#" id="name-link" data-jsonstring='{"name":"zhangsan"}'&gt;&lt;/a&gt; 也就是存入了一个json字符串，其中name=zhangsan,（当然这里不仅仅是json字符串） 那么在前端用jq获取值就应该是 var name = $(&qu
JQ-data()方法没有更新DOM问题
wang704987562的博客
08-18 2330
前言 使用data()方法给元素添加data-*属性是很常见的操作，但是data()方法操作的数据保存在jQuery内部，而并没有改变DOM的属性。看下例子 Demo &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp
理解JQuery中的data()使用方法
mango_love的专栏
09-04 9859
在前端我们经常会做的操作就是做数据状态的判断和数据处理、提交，经常会操作dom，也会保存一个全局的数据处理。这样做是可以实现很多功能，但是缺点就是过多操作dom会浪费性能，全局数据保存多了有时候真的会搞混淆。所以jq提供了一个data()缓存机制，有两种使用方式，一种是绑定在元素上面的data()，一种是存储在一个链式的对象上面。下面我们就来介绍这两种使用方式。 第一种：绑定在dom上 va...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风小筝123

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值