イベントが発生した時、その兄弟要素を操作する方法 - Qiita

概要 jQueryを使用せずに実装することを目指す。 同じ構造をした要素が複数存在する際に、その中でイベントが発生した兄弟要素だけを操作したい場合の実装方法である。 実装例 クリックしたらその兄弟要素にあたる画像を小さくするボタンを実装。今回は同じ構造の要素を4つ用意。 HTMLとcss 参考程度に掲載 <ul class="item-list"> <li class="item-list__item"> <img src="images/1.jpeg" alt="img1" class="img-op"> <button class="popup-btn btn">look</button> </li> <li class="item-list__item"> <img src="images/2.jpeg" alt="img2" class="img-op"> <button clas