프론트엔드 | 2022. 6. 24. 11:48

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?

I fetch data from Google's AdWords website which has multiple elements with the same id. Could you please explain why the following 3 queries doesn't result with the same answer (2)? Live Demo H...

stackoverflow.com

여름엔 수박! 싹다먹어

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

댓글을 달아 주세요

">