프론트엔드 | 2022. 3. 16. 10:19

JQuery - 비슷한 id 가진 객체 이벤트 같이 처리하기

HTML id 를 비슷하게 줘서 이벤트 처리를 하나로 하고 싶은 경우가 많다. 

동일하게 주기는 찝찝하고, 뒤에 인덱스 같은거 붙여서 같은 기능을 하는 놈들을 비슷한 id로 묶어 뒀는데,

개별적으로 이벤트 처리하려니 영 맘이 안내킨다.

간단하게 JQuery 쓰면서 정규식 비스무리한 거 쓰면 해결!!

원본 글로 방문해서 보는 것을 추천 - https://m.blog.naver.com/cutesboy3/221080367471

for의 index를 부여해서 id값을 부여하여 id가 클릭시 클릭 이벤트처리하는 방법을 아래 스크립트(정규식)으로 처리 할수 있다.

$("[id^='useGo_']").click(function() {
 // 기능 구현하기
});

 

간단하게 설명을 하면 

//id가 testid로 시작하는 엘리먼트들 접근
$("[id^='testid']")
//id가 testid로 끝나는 엘리먼트들 접근
$("[id$='testid']")

해결책은 인터넷에서 찾으면 됨!! 

그리스 시대의 인터넷 모습 ㅋ

Pixabay 님의 사진, 출처: Pexels

댓글을 달아 주세요

">