更新: @Exildur ソリューションを使用すると動作しますが、ページを更新すると、非表示の寫真が再び表示されます。:S.
プロジェクトのリストがあり、それぞれに獨自の寫真が付いています。各寫真に寫真の非表示/表示ボタンを追加する必要があります。問題は、ID を指定して js 関數(shù)を使用すると、ID は一意である必要があるため、最初の寫真のみが非表示/表示されることです。 これはコードです:
ああああ
1
0
0
名前に追加されたリストの項目インデックスを使用して、各寫真に一意の識別子を作成できます。例えば：＃＃＃ リーリー
これにより、寫真ごとに一意の ID (photo_0、photo_1 など) が作成されます。このボタンには onclick 屬性があり、アイテムのインデックスをパラメーターとして渡して togglePhoto() 関數(shù)を呼び出し、対応する寫真を取得し、表示スタイルをブロック/なしに設定することで表示/非表示を切り替えます。
更新: ページ更新後の永続性
上記の例では、各寫真の「表示」スタイルの値が localStorage から取得されます。存在しない場合は、デフォルトで「ブロック」(表示) になります。
togglePhoto() 関數(shù)は、ボタンがクリックされるたびに、更新された表示値を localStorage に保存します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
