get array of arrays looping through HTML table

Question

I have this bunch of code

var rows = document.querySelectorAll('.workRow')
var codes = []
for(var i=0;i<rows.length;i++){
    var timeCodesInputs = rows[i].getElementsByClassName('xCell')
    for(var j=0;j<timeCodesInputs.length;j++){
        if(timeCodesInputs[j].innerHTML == "x"){
            codes.push(timeCodesInputs[j].dataset.dataHour)
        }
    }
}

it works ok but it pushed everything to one array. What I want to get an array of arrays where one array if the data from one row. How to do it?

Giovanni Esposito · Accepted Answer · 2020-08-09 19:51:01Z

2

Ciao, try to push row data in one array and then push this array into codes array like:

var rows = document.querySelectorAll('.workRow')
  var codes = []
  for(var i=0;i<rows.length;i++){
      var rowArray = [];
      var timeCodesInputs =  rows[i].getElementsByClassName('xCell')
      for (var j=0;j<timeCodesInputs.length;j++){
         if(timeCodesInputs[j].innerHTML == "x"){
            rowArray.push(timeCodesInputs[j].dataset.dataHour)
         }
      }
      codes.push(rowArray)
   }

answered Aug 9, 2020 at 19:51

Giovanni Esposito

11.3k1 gold badge19 silver badges33 bronze badges

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

2 Comments

Pranav Rustagi Over a year ago

@GiovanniEsposito I am sorry, my answer was almost same. I didn't see yours earlier.

Giovanni Esposito Over a year ago

No problem. I know that you didn't copy.

Collectives™ on Stack Overflow

get array of arrays looping through HTML table

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related