从列和行返回父母和他的孩子

时间:2016-08-25 13:15:18

标签: javascript for-loop parent-child

我有两个函数返回列子项和行子项,如何单独返回父项及其子项,我的意思是每个父项与其子项。

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:

1 个答案:

答案 0 :(得分:1)

我会这样做:

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