Jquery - 동일한 ID 가 여러개 있는 경우 click 이벤트 다 받기

동일한 ID를 쓰고 있는 객체의 이벤트를 받아 처리할 때는 그냥

$(#사용중인ID).on('click', ....

 

이렇게 사용하면 맨 처음 객체만 반응하는 경우가 나타났다. 나만 그런가? ㅋㅋ 암튼

아이디를 동일하게 사용해도 사용된 모든 객체에 이벤트를 발생하려면 아래와 같이 복수개를 처리할 수 있는 selector 형태로 불러 써야 한다.

 

$("[id='사용중인ID']").on('click', function () {
return confirm("Are you sure you want to delete?");
});

간단하지만 실수하기 쉽다.

참고 페이지는 아래

https://stackoverflow.com/questions/8498579/how-does-jquery-work-when-there-are-multiple-elements-with-the-same-id-value

How does jQuery work when there are multiple elements with the same ID value?

여름엔 수박! 싹다먹어

Pexels에서 Tamanna Rumee님의 사진: https://www.pexels.com/ko-kr/photo/8755101/