现象:
代码:
$(function() {
//调用
initDivSameHeight('.row-1-col-1',".row-1-col-2");
initDivSameHeight('.row-2-col-1',".row-2-col-2",".row-2-col-3");
});
/**
初始化 同一个row的不同列为同高
*/
function initDivSameHeight(){
var divHeightArr = [];
//js中有个变量arguments,可以访问所有传入的值
for(var i=0; i<arguments.length; i++){
divHeightArr.push($(arguments[i]).height())
}
var sameheight = Math.max.apply(null,divHeightArr);
for(var i=0; i<arguments.length; i++){
$(arguments[i]).height(sameheight);
}
}
/**
初始化 同一个row的不同列为同高,使用jquery children 遍历
*/
function initDivSameHeightByRowParent(rowId) {
var cols = $(rowId).children("div");
var divHeightArr = [];
cols.each(function(index, e) {
divHeightArr.push($(e).height());
});
var sameheight = Math.max.apply(null, divHeightArr);
cols.each(function(index, e) {
$(e).height(sameheight);
});
}