- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：CSS 特定の文字列が入った要素を指定して処理）
テーブルで休憩や昼休みの文字を指定して背景色を変える方法
このQ&Aのポイント
- テーブルタグを使ったスケジュール表で、特定の文字列が入った要素の背景色を変える方法について教えてください。
- スケジュールの時間により、「休憩」や「昼休み」の配置が変わるため、条件で背景色を変えたいです。
- jQueryを使用して、指定した文字列が含まれる要素の背景色を変更するコードを試しましたが、結果は変わりませんでした。他に良い方法はありますか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
大きく分けて二つの問題があります。 ``` <script type="text/javascript">$(“td:contains(‘休憩’,’昼休み’)”).css(“background-color”,”#ccc”);</script> ``` こちら、「全角」で書かれています。そのためそもそも、命令として認識されていないという問題。 二つ目は、メソッドのプロトタイプが1つしかないのに、パラメタを2個与えた問題。 ``` :contains(text) ``` 以上を整理すると、2つに分けてしまえばOKです。 $("td:contains('休憩')").css("background-color","#ccc"); $("td:contains('昼休み')").css("background-color","#ccc"); これで、動作しますよ。 ただし、この分を「HTMLの最後」に書いてください。 先に書くと、まだ書かれてもいない文字を探すので、 何も起こらずに終了します。 これで解決でしょうか？
お礼
ありがとうございます。 パラメタを2個与えてしまったのですか。 最後に書く理由もなるほどでした。 大変勉強になりました。