Javascript出现问题，需要重新执行操作

这是我的代码：

它获取值并根据选定的值更改这些值上的CSS

用户选择：开始2结束4

2-3-4获取：css（“背景色”、“红色”）

在其余部分保持绿色的同时，我希望能够使这项工作也像这样：

用户选择：开始4结束2

4-1-2获取：css（“背景色”、“红色”）

我有点迷路了，因为我不知道怎么做，欢迎任何建议

JSFIDLE在此处发布至：

html:

从颜色

....
01
02
03
04
涂色

....
01
02
03
04
01
02
03
04

JS:

var_time={}；
对于（var i=1；i更改代码的这一部分，以手动处理索引var

for( var index = evF - 1; index < evT; index++ ) {
  $( "#color"+( index + 1 ) ).css( "background-color","red" ); 
};

for（var index=evF-1；index

例如：

var index;
var i = 0;
while(i < Math.abs(evT-evf)) {
  index = evf+i;
  if (index > MAX_INDEX) {
    index -= MAX_INDEX;
  }
  i++;
}

var指数；
var i=0；
而（i最大索引）{
指数-=最大指数；
}
i++；
}
试试这个：

if (evF > 0 && evT > 0) {
    for( var index = evF; index != evT; index = (index+1) %5 ) {
        $( "#color"+( index ) ).css( "background-color","red" ); 
    };
    $( "#color"+( index ) ).css( "background-color","red" );
};


其中
5
是您拥有的单元格数+1。最好不要这样硬编码。
对不起，我不明白您的意思您应该复制我给您的代码，在执行for循环的部分。只需将MAX_索引替换为您可能拥有的值数。
var index;
var i = 0;
while(i < Math.abs(evT-evf)) {
  index = evf+i;
  if (index > MAX_INDEX) {
    index -= MAX_INDEX;
  }
  i++;
}

if (evF > 0 && evT > 0) {
    for( var index = evF; index != evT; index = (index+1) %5 ) {
        $( "#color"+( index ) ).css( "background-color","red" ); 
    };
    $( "#color"+( index ) ).css( "background-color","red" );
};