リスト表示している要素をJavaScriptを使って動的に絞り込む処理を実装してみます。 サンプルコード 選択項目から1つを選択すると、それに関連するリストのみの表示に絞り込みます。 HTML <ul class="searchList"> <li><a href="#all">全て</a></li> <li><a href="#dog">イヌ</a></li> <li><a href="#cat">ネコ</a></li> <li><a href="#monkey">サル</a></li> <li><a href="#dolphin">イルカ</a></li> <li><a href="#jellyfish">クラゲ</a></li> <li><a href="#penguin">ペンギン</a></li> <li><a href="#turtle">カメ</a></li> <li><a
![リストを絞り込む処理を実装してみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/36b1e5781067c0f33ad18beced3eb471df4e1f6b/height=288;version=1;width=512/https%3A%2F%2Fcly7796.net%2Fblog%2Fwp-content%2Fuploads%2F2015%2F10%2Fimplement-the-process-of-narrowing-down-the-list.jpg)