javascript-jQuery遍历列表项并获取data-imgid属性值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery遍历列表项并获取data-imgid属性值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含886字，纯文字阅读大概需要2分钟。

内容图文

有几个具有data-id属性的li元素,例如

<ul>
   <li data-imgid="5" class="getMe">some text</li>
   <li data-imgid="6" class="getMe">some text</li>
   <li data-imgid="7" class="getMe">some text</li>
</ul>

我想循环所有li项目并在数组中获取theyr id,因此我尝试：

var array = [];
$('.getMe').each(function() {
  array.push($(this).data('imgid'));
  console.log($(this).data('imgid'));
})

但是从日志中我可以看到

console.log($(this).data('imgid'));

它返回文本

data-imgid

如何获取数组中的id数据属性？

似乎在设置data-imgid时我犯了一个错误,我将删除此问题,

解决方法:

使用attr获取属性.

var array = [];
$('.getMe').each(function() {
       array.push($(this).attr('data-id'));
       console.log($(this).attr('data-id'));
})

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
   <li data-id="5" class="getMe">some text</li>
   <li data-id="6" class="getMe">some text</li>
   <li data-id="7" class="getMe">some text</li>
</ul>

内容总结

以上是互联网集市为您收集整理的javascript-jQuery遍历列表项并获取data-imgid属性值全部内容，希望文章能够帮你解决javascript-jQuery遍历列表项并获取data-imgid属性值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端