如何將元素屬性值推入javascript數組？

Question

這是我的html結構。 在這里，我為每個元素創建了兩個屬性。 如何將屬性值推入數組（如[[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> 

Answer 1

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