備忘録

概要

jsの練習がてらtrelloみたいなプログラムを作っているのですが、tableの列の背景色をクリックで変えるロジックが思いつかなくて苦労しました。

テーブルの数が動的に変わのに対応できる状態にしておいて、選択した（選択した列が編集できる感覚）列だけ背景色を変え、なおかつ他の列をクリックしたら一個前にクリックした列の背景色をデフォルトに戻したかったです。

想定したロジック

0と1のフラグを反転させることで今の状態を判別して、背景色を変える（出来ない）

一個前の処理を取り消すことで背景色を付けたり消したりする（出来ない）

一度全てのテーブルクラスを背景色をデフォルトに戻してから、選択されている行の色を変える（出来た）


$('.todoTable').css("background-color","#dddddd")
$(this).css("background-color","#92efec")