이벤트에 의해 생성된 같은 속성의 버튼에 이벤트걸기

이벤트로 생성된 버튼의 객체만 가져오기.

즉, 아래처럼 '추가' 버튼을 누르면 아래의 input박스와 함께 '찾기'버튼과 '삭제'버튼이 함께 생긴다. 

이벤트로 생성된 버튼은 버튼들은 모두 같은 속성을 가지고있다. 같은 class, name, id 명을 가지고있다. 그래서 속성을 지정해서 버튼 이벤트를 걸어주면 제일 첫번째거 하나만 이벤트가 걸린다.

그래서 동적으로 생성된 버튼을 다시 읽어줘야하기때문에, DOM 객체를 버튼 이벤트걸어주기전에 한번 더 다시 읽어주면된다. DOM 객체를 읽어오는 $(document).ready(function(){}) 을 사용하는 것보다 $(document).on('이벤트명', '객체명', function(){}) 을 사용할 것을 추천함!

지금 5번은 사용한 것 같은데, 계속 까먹는 것 같아서 기록해둔다.

 

반응형