検索

ホームページ  >  に質問  >  本文

最近クリックした要素にクラスを割り当てる

Tailwind CSS を使用してスタイルを設定した、次のようなカレンダーがあります。

####8 水曜日は現在クリックされているため、ピンクの背景とピンクの影が表示されます。 7 番目の要素は前にクリックした要素です。そのため、ピンクの影だけが表示されます (ピンクの背景クラスは削除しましたが、ピンクの影はそのままにしました)。

私が望むのは、以前にクリックした最新の要素を保持して、ピンクの影を追加できるようにすることですが、以前にクリックしたすべての要素ではなく、最新の要素にのみ追加します。

私の JavaScript コードは次のようになります:

リーリー

私が直面している問題は、以前にクリックしたすべての要素の影が保持されていることです。

予期される動作は次のとおりです:

P粉021854777P粉021854777228日前510

全員に返信(1)返信します

  • P粉237689596

    P粉2376895962024-04-04 12:08:19

    わかりました、私もあなたの質問を読み間違えました。

    問題は次の部分にあります

    リーリー

    実際には、latestClicked 要素から背景を削除しただけであり、影のスタイルは削除しませんでした。

    これはうまくいくはずです:

    リーリー

    重要な部分は、次の要素に再割り当てする前に要素を変更することです。

    または、 オプションのリンク が環境 (バンドラーまたは新しいブラウザーのみサポート) で動作する場合:

    リーリー

    返事
    0
  • キャンセル返事