javascript - js 関数を呼び出して CSS の色を変更する

Question

関数でクリック時に色を変更したいのですが、問題があります。不利な点をクリックすると赤、平均をクリックすると黄色、利点をクリックすると緑でなければなりません...また、もう1つはフォーカスを失う必要があります-背景色...関数でこれを行う方法

function colored() {                
$(this).css('background-color','#C90');
}

score 0 · Accepted Answer

クリックハンドラーをHTML要素にアタッチしていません

たとえば、disabledというリンクで背景色を変更する場合は、次のようにします。

次の目的で背景色を変更することに関心があると仮定します。

<a href="javascript:void(0)" id="price_quality_dis" class="ca_button" onClick="colored();">Disadvantage</a>

次のようにクリックハンドラを提供する必要があります。

$('#price_quality_dis').click(function(){
  $(this).css('background-color','#C90');
});

また、クラス属性を使用してタグを装飾し、クリックすると同じ背景色になるはずのリンクをグループ化する必要があります

score 0 · Accepted Answer

まず、このタイプの機能にはCSSスタイルを使用することをお勧めします。したがって、色はクラスとして定義する必要があります。次に例を示します。

.is-advantage { background-color: #ccc; }

次に、クリックイベントに何らかのイベントハンドラーを実装する必要があります。提供されているjsfiddleでは、関数がどこで呼び出されるかはまったくわかりません。次のようなものが必要になる可能性があります。

// change the class each time the button is clicked
$('.button').click(function() {
  $(this).toggleClass('is-advantage');
});

addClass、removeClass、toggleClassなどの関数を使用して、ボタンに現在設定されているクラスを変更できます。

2 に答える 2