0

我有一张有几个单元格的表格。当我在一个单元格上单击（使用 jquery）时，它被分成四块（时间间隔，每块代表 15 分钟）。

// example
<table>
   <tr>
      <td></td>
      <td></td>
      <td>
         <div class="divider">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
         </div>
      </td>
      <td></td>
   </tr>
</table>

这工作正常，但我想计算每个标签（4 个）的宽度。当屏幕被调整大小时，单元格的宽度正在改变

例如，如果单击的单元格的宽度为 17 像素。我想跟随宽度

// span 1: 4px    
// span 2: 5px    
// span 3: 4px    
// span 4: 4px 
// total: 17px

但是如果一个单元格的宽度为 22px，下面的结果是不希望的 

// span 1: 6px    
// span 2: 5px    
// span 3: 6px    
// span 4: 5px 
// total: 22px

我用 mod 和除法尝试了几次计算，但无法得到不想要的结果。

@编辑 | 添加了 JSFiddle 代码在此文件中，td 宽度静态设置为 22px。 https://jsfiddle.net/cymvfmmb/

4

2 回答 2

0

根据宽度将单元格划分为 4 等分或更多相关的计算。

var n=25;
var length=n;
var arr=[0,0,0,0];

for(var i=0;i<length;i++){
 for(var j=0;j<arr.length;j++){
  if(n){
    arr[j]+=1;
    n=n-1;
  }
 }

}
console.log(arr); //[7, 6, 6, 6]
于 2017-01-02T22:00:26.627 回答
0

我如何在哪里创建自定义排序

// Algorithm needs to be
// low | highest | lowest | highest
[7,6,6,6] would become [6,7,6,6]

// custom sorting the array
    arr.sort(function(x, y){
        if(y < x){
            return x - y;
        }
    });
于 2017-01-03T08:48:11.313 回答