ボタンを押した時、そのボタンと背景を消したい

Question

前提・実現したいこと

aタグのボタンを押した際、そのボタンとボタンを囲っている背景が消えるようにしたいです。

発生している問題・エラーメッセージ

エラーメッセージ

html

<div class="floating" ><a href="#offer"><img src="images/btn_fl.png" alt="" class="animate__animated animate__fadeIn"/></a></div>

試したこと

js初心者のため、グーグルで「ボタン　クリック　消える」で検索したのですが、全くわかりまん。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

出来上がったコードだけもらってもわからない状態解消されないのでは。

Answer 1

背景ってなんでしょうね・・・imgは前景ですからdivですかね？

<a href="#offer" onclick="this.closest('div').remove()">・・・</a>

※再アップ

Comments

[koshijun]

コメントありがとうございます。
説明がわかりづらくてすみません。
divに以下のcssが適応されておりますので、上記のaタグをクリックした際、<div class="floating" ></div>を消したいという意味でした。
.floating {
position: fixed;
bottom: 0px;
left: 0;
right: 0;
background-color: rgba(255,2,17,0.3);
display: none;
}

[yambejp]

一応回答がそうなっていると思いますが、動作が違いますか？

[koshijun]

こちらクリック時に消すことができました！
とても助かりました！！
ありがとうございます！！