クリックで表示画面が切り替わるメモアプリをjQueryのindexメソッドで作る - Qiita

localstrageを使ったメモアプリを作成している途中で、indexメソッドについての学びがあったのでこちらに書き残したいと思います。 作った機能 一覧になったメモをクリックすると右側に大きく表示されるという機能。 ※jQueryのバーションは3.6.0です。 コード 前提 実際はlocalstrageを用いてデータの取得、表示を行うためこのようにメモ一覧がベタ打ちされることはありません。今回は、クリックしたメモを別枠に表示させる機能をメインに記載したいのでこのようなコードとなっておりますことご理解いただければ幸いです。 <!-- メモ一覧 --> <div class="memo"> <div class="memo-all"> <p class="title">桃太郎</p> <p class="text">鬼退治に行く</p> </div> <div class="memo-al