동적으로 추가된 html 엘리먼트 jQuery로 제어하기

동적으로 추가된 html element 제어하기

일반적인 경우 아래처럼 선택자를 사용한다
$('#table-03 tbody td:eq(1)').click(function() {});

그러나
$('#table-03 tbody').html("<tr><td><i class=\"fa fa-pencil cursor-pointer\"></i></td></tr>");
위 코드처럼 엘리먼트가 추가된 경우

아래처럼 선택자를 바꿔서 사용해야 했다.
$(document).on('click', '#table-03 tbody td:eq(1)', function(){});