Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 구글CSS
- 코딩규칙
- @keyframes
- 자기개발
- 파이썬
- 로딩UI
- Vue.js
- python
- 프레임워크
- javascript
- css규칙
- 투두리스트
- CSS애니메이션
- to do list
- 스타일가이드
- MariaDB
- google style guide
- 구글스타일가이드
- css rule
- 코딩컨밴션
- CSS로딩
- vueJS
- 웹스크래핑
- html제거
- 개발회고
- 코딩가이드
- vuejs입문
- vue-cli
- 뉴스수집
- 자바스크립트
Archives
- Today
- Total
목록동적 생성 이벤트 (1)
코드공부방

jQuery(제이쿼리) 동적으로 생성된 요소 이벤트 및 index(인덱스) 가져오기 한 개발자분이 ajax를 통해 동적으로 불러온 이미지 리스트 중 선택된 이미지를 삭제하는 것을 jQuery코드로 구현하고 있는데 클릭 이벤트 발생부터 애를 먹고 있었다. 해당 UI와 HTML코드는 아래와 같다. 동적으로 불러온 이미지 목록이 아니었다면 아래와 같이 클릭한 X버튼이 속한 li태그의 삭제기능 jQuery코드로 구현할 수 있다. //Javascript $('.car-image-list li .btn-delete').on('click', function(){ $(this).parent('li').remove(); }); 하지만 ajax등을 통해 후에 불러와진 목록이라면 삭제버튼의 클릭이벤트 부터 먹통이 될 것이다..
웹퍼블리셔/JavaScript
2020. 2. 10. 20:41