jQuery获取数据作为对象或数组

时间:2018-11-16 14:35:11

标签: javascript jquery arrays custom-data-attribute

我想将所有具有类.my-data-tiddata-tid值的元素放入一个对象或数组中

<div class="my-data-tid" data-tid="1">1</div>
<div class="my-data-tid" data-tid="2">2</div>
<div class="my-data-tid" data-tid="3">3</div>
<div class="my-data-tid" data-tid="4">4</div>

使用

var tid = $('.my-data-tid').data('tid');

我只得到第一个值

1 个答案:

答案 0 :(得分:4)

您需要使用.map()将jquery选择器对象转换为包含目标值的对象,并使用.toArray()将结果转换为数组。

var tid = $('.my-data-tid').map(function(){
  return $(this).data('tid');
}).toArray();
console.log(tid);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="my-data-tid" data-tid="1">1</div>
<div class="my-data-tid" data-tid="2">2</div>
<div class="my-data-tid" data-tid="3">3</div>
<div class="my-data-tid" data-tid="4">4</div>