javascript - Javascriptの問題、状態がいつ変わるかわからない

Question

http://jsfiddle.net/fqwvy/12/

「From」と「To」の間のフィールドを「色付け」したいのですが、選択したフィールドに色を付けることができましたが、これにアプローチする方法がわかりません。

また、CSSの色をリセットしたいのですが、他のものが選択されたときに、これを行う簡単な方法はありますか？

任意の提案を歓迎します:)

 fiddle_requires_some_code_to_post();

Answer 1

<tds>「from」と「to」の間をループして設定する必要があります。あなたはすでに両方のIDを持っているので、それはかなり簡単です。何も選択されていない場合は、「to」インデックスが「from」インデックスに設定されていることを確認する必要があります。

デモ：

evT = end_time[to_color.value] ? end_time[to_color.value] : evF;

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

すべての色をクリアするには、次のようなことを行うことが<tds>できidますcolor。

$( 'td[id^="color"]' ).css( "background-color", "" ); 

Answer 2

次のようなもの：

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

次に、else ifステートメントがあり、evTがevFより大きい場合の逆を実行します。

また、その後の選択で赤の背景色をクリアするコードは見当たりませんでした。追加するとよいでしょう。