1


0

CSSとJavaScriptを使用して特定のテーブルコンテンツの色のみを変更する

Webページの1つのテーブルにデータを表示しています。 ユーザーが行をクリックすると、その行の色のみが変更されます。 私はそのセルに落ち着くでしょう。 ページ上で、td_onとtd_offの2つのスタイルで参照されるcssファイルがあります。これらは、背景色を除いて同じ設定になっています。 次のようにtdに「class」タグを配置します。


onclickアクションを使用して、onclick = "class = td_on"のようにクラスをtd_onスタイルに変更しようとしましたが、これにより変更は発生しません。 誰かがこれを行うための適切な構文は何ですか? または多分もっと簡単な方法ですか? 前もって感謝します。

2 Answer


1


jQueryを使用してこれを行うのは非常に簡単です。ここでは、テーブルセルの色を変更します。

    $(document).ready(function() {

        $('td').bind('click',function() {
            $(this).css('background-color','red');
        });


    });

または、次のように変更します: `$(this).css( 'background-color'、 'red');`から `$(this).parent()。css( 'background-color'、 'red');`への変更行全体の色を変更したい場合。


0


これを試して:

function switchClass(td)
{
  if(td.className == 'td_off')
  {
    td.className = 'td_on';
  }
  else
  {
    td.className = 'td_off';
  }
}