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)という、いまいちなコードです。

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

10年集客し続けられるサイトを、ワードプレスで自作する9つのポイント プレゼント

【最後まで読んでくれたあなたに】

あなたは、24時間365日、自分の代わりに集客し続けてくれるWebサイトを作りたい!と思ったことはありませんか?

私はこれまで500以上のWebサイトの構築と運営のご相談に乗ってきましたが、Webサイトを作ってもうまく集客できない人には、ある一つの特徴があります。

それは、「先を見越してサイトを構築していないこと」です。
Webサイトで集客するためには、構築ではなく「どう運用するか」が重要です。

しかし、重要なポイントを知らずにサイトを自分で構築したり、業者に頼んで作ってもらってしまうと、あとから全く集客に向いていないサイトになっていたということがよく起こります。

そこで今回、期間限定で
『10年集客し続けられるサイトをワードプレスで自作する9つのポイント』
について、過去に相談に乗ってきた具体的な失敗事例と成功事例を元にしてお伝えします。

・ワードプレスを使いこなせるコツを知りたい!
・自分にピッタリのサーバーを撰びたい!
・無料ブログとの違いを知りたい!
・あとで悔しくならない初期設定をしておきたい!
・プラグイン選びの方法を知っておきたい!
・SEO対策をワードプレスで行うポイントを知りたい!
・自分でデザインできる方法を知りたい!

という方は今すぐ無料でダウンロードしてください。

期間限定で、無料公開しています。

※登録後に表示される利用条件に沿ってご利用ください

コメントを残す