从网格返回每列的数组

Question

我有这个函数返回我的网格的所有元素但在列上:

var cols = function(){
    var c = $('.row');
    for (var i = 0; i < c.length; i++) {
      for (var j = 0; j < c.length; j++){
        var x = c[j].children[i];
        console.log(x);
        //if(x != 0 ){return c;}
      }
    }
    }
    cols();

这意味着此函数将从我的网格中获取每个元素,并从上到下循环,然后将获取第二列,依此类推.

我想为每一列返回一个数组,我在第一行上也有一些类称为header,其他etho将在头类n元素之间计数并返回一个数组,但我不知道如何做到这一点:

小提琴:

Answer 1

只需将内部for循环中的所有对象推送到在外部for循环中创建的数组中:

var cols = function(){
    var c = $('.row');
    for (var i = 0; i < c.length; i++) {
      var tmp_array = [];
      for (var j = 0; j < c.length; j++){
        var x = c[j].children[i];
        tmp_array.push(x);
         //x.css({'background': 'rgba(255, 255, 255, 0.3)'});
        //if(x != 0 ){return c;}
      }
      console.log(tmp_array);
    }
}

更新小提琴:https://jsfiddle.net/c310st3o/4/