Возвратите родителя и его детей из столбца и строки

Question

У меня есть две функции, которые возвращают детей-столбцов и детей строк, как я могу вернуть родителей и их детей отдельно, я имею в виду каждого родителя с его детьми.

function cols() { 
    var c = document.querySelectorAll('.row'); 
    for (var i = 0; i < c.length; i++) { 
     for (var j = 0; j < c.length; j++) { 
      c[j].children[i].style.backgroundColor = "orange"; 
      alert(c[j].children[i]/3); 
     } 
    } 
} 
cols(); 

function rows() { 
    var c = Array.prototype.slice.call(document.querySelectorAll('.row')); 
    for (var i = 0; i < c.length; i++) { 
     for (var j = 0; j < c.length; j++) { 
      c[i].children[j].style.borderColor = "red"; 
      alert(c[i].children[j]); 
     } 
    } 
} 
rows(); 

fiddle:

Answer 1

Я хотел бы сделать это следующим образом:

window.onload=function(){ 
rows=document.getElementsByClassName("row"); 
rows.forEach(function(row){ 
    colums=row.children; 
colums.forEach(function(col){ 
alert(col,row); 
}); 
}); 
}