jQuery get data as object or array

Question

I would like to get all elements with class .my-data-tid and data-tid values into an object or array

<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>

with

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

I get only the first value

Mohammad · Accepted Answer · 2018-11-16 14:36:38Z

4

You need to use .map() to convert jquery selector object to object contain target values and use .toArray() to convert result to array.

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>

answered Nov 16, 2018 at 14:36

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery get data as object or array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related