jQuery を使ってテーブル(table)内の1行(tr)に色を付ける

まんまタイトルの通りの内容です。

弊社の「共有できるタスク管理ツール Tasks」で要望があったので作りました。

<サンプル>

1-1 1-2 1-3
2-1 2-2 2-3
3-1 3-2 3-3

<ソース>
[code lang=’javascript’]

1-1 1-2 1-3
2-1 2-2 2-3
3-1 3-2 3-3
[/code]

tr の onMouseOver イベントを使って、自身(tr)の親オブジェクトを取得(parent())し、find() を使って内側の td を全部の背景色を設定(#ffffff)、
その後自身(tr)が持つ td オブジェクトを find() を使って取得して1行分の色を付ける(#ff6666)という、いまいちなコードです。

ま、誰かの参考になればと思って公開します。

え?Webサイトのバックアップ、してないの!?

いざという時には復旧までしてくれる
『ワードプレス外部バックアップサービス』

■3つの特長
・自分でやらなくて良い
・いざという時の復旧付き
・外部サーバーにバックアップ

コメントを残す