How to push element attribute value into javascript array?

Question

This is my html structure. Here, i have created two attributes for each element. How to push attribute value into an array (like this structure, [[1,0],[1,1],[1,2],[0,2],[2,2],[1,3],[1,4]])?

<div id="demo">
     <div data-floor="1" data-floor-sub="0">Div1</div>
     <div data-floor="2" data-floor-sub="0">Div2</div>
     <div data-floor="3" data-floor-sub="0">Div3</div>
     <div data-floor="3" data-floor-sub="1">Div4</div>
     <div data-floor="3" data-floor-sub="2">Div5</div>
     <div data-floor="4" data-floor-sub="0">Div6</div>
     <div data-floor="5" data-floor-sub="0">Div7</div>
</div>

AmmarCSE · Accepted Answer · 2015-08-02 06:13:30Z

3

Use map()

var multiDimArray = $('#demo div').map(function() {
  var innerArray = [];
  innerArray.push([$(this).data('floor'), $(this).data('floor-sub')]);
  return innerArray;
}).get();

console.log(multiDimArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="demo">
  <div data-floor="1" data-floor-sub="0">Div1</div>
  <div data-floor="2" data-floor-sub="0">Div2</div>
  <div data-floor="3" data-floor-sub="0">Div3</div>
  <div data-floor="3" data-floor-sub="1">Div4</div>
  <div data-floor="3" data-floor-sub="2">Div5</div>
  <div data-floor="4" data-floor-sub="0">Div6</div>
  <div data-floor="5" data-floor-sub="0">Div7</div>
</div>

edited Aug 2, 2015 at 6:13

answered Aug 2, 2015 at 5:55

AmmarCSE

30.7k6 gold badges48 silver badges53 bronze badges

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

4 Comments

Sathya Over a year ago

How to store value, like this structure [1,0], [2,0], [3,0], [3,1], [3,2], [4,0], [5,0].... @AmmarCSE

AmmarCSE Over a year ago

@Sathya, my answer gives an array of arrays, isnt that what you wanted?

Sathya Over a year ago

your answer is showing like [1, 0, 2, 0, 3, 0, 3, 1, 3, 2, 4, 0, 5, 0]. But i want to store like this, [1,0], [2,0], [3,0], [3,1], [3,2], [4,0], [5,0]. Is there anyway to get result like that way?

Sathya Over a year ago

Thanks... @RickHitchcock

Collectives™ on Stack Overflow

How to push element attribute value into javascript array?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related