Jvascriptで特定の条件が一致したときに特定の要素を非表示させる方法を教えてください。

実現したいこと

Jvascriptで特定の条件が一致したときに特定要素を非表示にさせたいです。

例えば
下図のようにページのURLとページ内のリンク（URL）が合致したときに
赤字部分の要素を非表示にするには、どのようなコードを書けばよいのか教えてください。

2021/08/30 09:44 編集

期待通り動かなくてもよいので、自分で書いたコードを提示してください。文書中のすべての <li><a></a></li> を列挙する方法はわかりますか? <a> のリンク先が文書のURLと一致するかどうかを判定する方法はわかりますか? 要素を非表示にする方法はわかりますか?

BeatStar

2021/08/31 03:24

なんで調べようとすらしない？プログラマやSEは『考えること』と『調べること』が仕事です。現に『JavaScript ファイル名取得』でggると、 https://step-learn.com/article/javascript/055-filename.html がヒットしましたよ？

BeatStar

2021/08/31 03:27

それと、『仕様に因る』です。たとえばheadタグの周辺とかで質問のやつを動的に表示するのか、すでにHTMLとしてベタ書きされているのを動的に書き変えるのかとかでも違いますよ。

totiki

2021/08/31 04:17

プログラマ・SEでもないため、抽象的な説明で、ざっくりとした内容になってしまいすみません。何か解決の糸口が見えればと思い投稿したのですが、私の知識・勉強不足です。

BeatStar

2021/08/31 04:50

私も趣味ですが、『俺様はSE希望だからプログラミングなんてしないしwww』みたいな暴言吐いて課題丸投げする人もいるので、その意味で書きました。まずは仕様を考えましょう。ご自分の質問を『赤の他人』または『知人ではあるが、自分以外の人』にされたと考えてみてください。『これはHTMLで固定されているパターンなのか、動的に生成されるものなのか、どっちだろう…』と思いませんか？そもそも目的がわからないのです。たとえば、『テンプレートとしてHTMLファイルを用意しておき、Blogとかみたいに追加する的な感じ』なのか、なんなのかで違います。もしかしたら質問者さんのアプローチが違うのかもしれない。そう考えると回答できません。

totiki

2021/08/31 04:54

丸投げな質問にも関わらず助言いただき、ありがとうございます。教えていただいた下記ページをみて試行錯誤したいと思います。 https://step-learn.com/article/javascript/055-filename.html