Tailwind CSS を使用してスタイルを設定した、次のようなカレンダーがあります。
####8 水曜日は現在クリックされているため、ピンクの背景とピンクの影が表示されます。 7 番目の要素は前にクリックした要素です。そのため、ピンクの影だけが表示されます (ピンクの背景クラスは削除しましたが、ピンクの影はそのままにしました)。私が望むのは、以前にクリックした最新の要素を保持して、ピンクの影を追加できるようにすることですが、以前にクリックしたすべての要素ではなく、最新の要素にのみ追加します。
私の JavaScript コードは次のようになります:
リーリー
私が直面している問題は、以前にクリックしたすべての要素の影が保持されていることです。予期される動作は次のとおりです:
P粉2376895962024-04-04 12:08:19
わかりました、私もあなたの質問を読み間違えました。
問題は次の部分にあります
リーリー実際には、latestClicked
要素から背景を削除しただけであり、影のスタイルは削除しませんでした。
これはうまくいくはずです:
リーリー重要な部分は、次の要素に再割り当てする前に要素を変更することです。
または、 オプションのリンク が環境 (バンドラーまたは新しいブラウザーのみサポート) で動作する場合:
リーリー