09.18

버튼 여러 개일 때 이벤트 발생한 버튼 찾고 형제 HTML 찾아서 class toggle하는 법 (바닐라 자바스크립트)

 

const buttons = document.querySelectorAll(".click_sentence");

function toggleNotes(e) {
    e.currentTarget.nextElementSibling.classList.toggle("notes_active");
}

buttons.forEach(button => button.addEventListener("click", toggleNotes));

 

열심히 짰는데 jQuery 쓰니까 순식간이다.

 

$(".click_sentence").on("click", function() {
   $(this).siblings(".notes").toggle();
});