jQuery: スタイルを一時的に変更し、元のクラスにリセットする質問する

2024-07-05 • tag-icon

jquery css

たとえば、testThing という名前のクラスがあるとします。

.testThing
{
   background-color:#000000;
   float:left;
   height:50px;
   width:50px;
}

そして、ボタンをクリックすると、そのクラスのコントロールの背景色の変更をテストできるようにしたいと考えています。

function setColor(someColor) 
{
   jQuery('.testThing').css('background-color', someColor);
}

しかし、クラスの内容に基づいて、ユーザーが元の色にリセットできるようにしたい (別のボタンをクリックする) 必要があります。

function resetClass()
{
   jQuery('#currentColor').removeClass('testThing');
   jQuery('#currentColor').addClass('testThing');
}

これは機能するように思えますが (これを行う最善の方法ではありませんが)、コントロールの背景色はそのクラスに保持されている元の値にリセットされません。

今、クラスを削除して再度追加するのは馬鹿げているように思えるので、削除して追加してもリセットされない理由、またはそれを実行するより単純な方法を理解する必要があります...

これは古い方法ですが、次のように値を空の文字列に設定すると、カスタムスタイルを削除できます。

// set
$(this).css('background-color', '#000000');

// reset
$(this).css('background-color', '');

おすすめ記事