九宫格找行列值JS

学习到这个算法是通过一个案例：把一列的div通过按钮点击事件变成3列或者其他的列数

算法封装为函数：

function ColsFlex(allCols,AllNode) { var boxW=Value,boxH=Value,marginXY=Value; for(var i=0;i<AllNode.length;i++) { //求当前盒子所在的行、列 var row = parseInt(i/allCols);//求行号 var cols = parseInt(i%allCols); //盒子的定位 var currentBox = AllNode[i]; /*在父标签先设置好relative*/ currentBox.style.position = "absolute"; currentBox.style.left = cols*(boxW+marginXY)+"px"; currentBox.style.top = row*(boxH+marginXY)+"px"; } }

算法：通过div 块级排序的索引值i ，可求得在给定Cols 情况下，更换位置以后和行列。

row = parseInt( i / Cols) cols=parseInt(i%Cols)