利用jQuery获取到data属性值为undefined

最新推荐文章于 2022-04-16 18:35:32 发布
最新推荐文章于 2022-04-16 18:35:32 发布
阅读量3.4k 收藏
点赞数 2
分类专栏： 错误集合 文章标签： data
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44554896/article/details/101306520
版权

设置data自定义属性的代码
在这里插入图片描述
点击获取data属性的值的方法
在这里插入图片描述
控制台输出的结果：url成功输出，但是ID为undefined
在这里插入图片描述
控制台输出this的结果，然后可以发现，在this中不存在data-ID，但是存在data-id。由此，大概可以猜出可能是ID的原因。
在这里插入图片描述
然后，将涉及到的代码中的ID改为id后输出的结果，成功获取到data-id中的值。
在这里插入图片描述
之后，我查找了一下原因，原来data属性中的字母都应该是小写的字母，不能包含任何大写的字母。
在这里插入图片描述

须弥菩提
关注
专栏目录
踩坑：使用jquery的data()方法获取不到自定义属性的值
weixin_44771007的博客
02-15 1430
<a href="" class="regBtn" data-btn="1">点击</a> <a href="" class="regBtn" data-btn="2">点击</a> <a href="" class="regBtn" data-btn="3">点击</a> <a href="...
jquery data undefined
fwx02的专栏
01-06 196
jquery 如果remove ui后 获取不到data值
jquery获取data-*返回undefined小记
weixin_33778544的博客
08-25 544
2019独角兽企业重金招聘Python工程师标准>>> ...
Jquert data方法获取不到数据，显示为undefined。
weixin_30646505的博客
09-03 434
在使用jquery的data-xxxx自定义属性名使用小写 　　以下是我测试代码： 　　 结果显示Undefined 现在将“data-Name”变为“data-name”,将大写的部分全部变为小写。 可以获取到数据 结果： 下面再给大家一些链接关于jquery的attr,data和prop的区别，由于别人写的挺详细的我这边就不再写了。 http://www.cnblo...
Jquery data方法返回undefined和data名称问题
weixin_45295262的博客
07-20 885
用data自定义属性来获取图片url时发现一直输出undefined，检查了好多遍发现代码没有问题，所以就开始怀疑data书写方式有问题了。 问题：data-命名时我在命名里有大写字母， 解决： 方法1： data- 后面不要用大写字母，如， data自定义属性说明 方法2：这样命名 data-xxx-xxx 书写： data自定义属性说明 获取：$(“div”).data(“attrValue”); 举个栗子： <html> <head> <script type="te
jeasyui 造成$.data(...) is undefined报错的原因及解决
w36680130的博客
12-29 1114
jeasyui 造成$.data(...) is undefined报错的原因及解决
JS JQuery获取data-*属性值方法解析
10-14
jQuery的`data()`方法提供了一种便利的方式来获取和设置`data-*`属性。它不仅读取元素的`data-*`属性，还会缓存值，这意味着修改`data()`的值不会直接影响到DOM元素。例如： ```javascript var id = $("#getId")....
实测jquery data()如何存值
10-26
### jQuery的data()方法存储和获取值的机制 在讨论jQuery的data()方法如何存储和获取值之前，首先需要明白HTML元素上的data-*属性和jQuery内部存储的数据之间是如何交互的。根据提供的信息，jQuery的数据框架并不是...
jQuery HTML获取内容和属性操作实例分析
10-15
- `prop()`方法适用于获取或设置属性值为true或false的属性，例如`checked`, `selected`, `disabled`等。 - 固有属性与自定义DOM属性： - 固有属性指的是HTML元素本身就带有的属性，例如`href`, `target`, `class`...
关于使用data()获取自定义属性出现undefined的说明
weixin_30271335的博客
10-30 754
这应该是这个函数的一个bug，没有考虑到驼峰式的写法，当我写成驼峰式，即是有大小写的变量时就会出现没有定义的情况。 今天写个交互，需要用到自定义属性，因为这个自定义属性是当作字段用的，就直接用了字段名称，结果发现取出来是 undefined ，检查了好几遍没有代码错误，试了下另外一个字段，发现可以取到，看了下区别，取不到值得自定义属性是带有驼峰的，难道是这个问题？去掉了驼峰中的大写，发现可以了，...
jQuery ajax请求json数据回调函数中data为undefined解决方法
Rotbing的博客
03-23 1万+
本文主要讨论IE9下使用$.ajax获取json数据时可能遇到的回调函数中data为undefined的问题。问题描述js数据请求代码：$("#btn1").on("click",function(){ $.ajax({ type: "GET", url: "php/runton_lastMember.php",
vue 或者uniapp中，在方法中调用data中的变量显示结果为undefined
Heartnottowake的博客
04-16 3748
vue中，如果碰到调用data中变量为undefined， 第一个检测的就是你的赋值变量的大小写问题 onKeyInput(event){ this.seachList = event.target.Value; console.log(this.seachList) }, 这里取到的值就是undefined 需要把Value变成value ...
jQuery 中 data() 引发的错误
FE-阿阳的博客
02-01 1025
jQuery 中 data() 引发的错误 详情描述 jQuery 中 data()解释为可以获取、设置元素自定义的属性，但是尽量不用data()方法去获取元素的自定义属性；因为会引发一些隐形错误； 1. 只能获取到第一次赋值的属性，之后通过修改的值获取不到； 2. 如果值是string类型的数字，比如“123”，获取的时候会强转为number，123； 3. 所以建议还是使用 $(“d
jquery的使用经验1-出现undefined的处理
mengtianqq的博客
04-16 8418
1.jquery的使用经验1-出现undefined的处理解决思路：            使用typeof（）方法去吧undefined处理成字符串的“undefined”，在进行比较用法：      if(typeof($("#id").val()) == "undefined"){     //你想要处理的业务     }...
关于jquery中data()的问题
yzyblog的博客
11-20 1238
jQuery中data（）解释为可以获取，设置元素自定义的属性，但是尽量不用data（）方法去获取元素的自定义属性;因为会有一些问题。 &lt;div class="div" data-id="1"&gt;&lt;/div&gt; &lt;script&gt; var id = $(".div").data("id"); //1 $(".div&qu
vue 数据（data）赋值问题
热门推荐
Bryant953的博客
03-01 9万+
总结一下我遇到的一个纠结很久的问题。在项目中需要用到后台的数据对前端渲染，使用到了vue整合的axios，使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请求然后将返回后的数据赋值data（）中定义的属性：执行后前端报错：原因：在请求执行成功后执行回调函数中的内容，回调函数处于其它函数的内部this不会与任何对象绑定，为undefined。解决方案：一）将指向vue对象的this赋...
jquery 根据data 获取 元素
最新发布
09-19
在jQuery中，要根据"data-"属性获取元素，你可以使用`.data()`方法。例如，如果你有一个元素并想要获取它的"data-max"值，你可以这样做： ```javascript var element = $("#yourElementID"); // 替换 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值