jQuery 以对象或数组形式获取数据

Question

我想将具有 class .my-data-tid 和 data-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');

我只得到第一个值

Answer 1

您需要使用 .map() to convert jquery selector object to object contain target values and use .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>

jQuery 以对象或数组形式获取数据

jQuery get data as object or array

javascript

arrays

jquery

custom-data-attribute