스크립트 질문 입니다.
본문
아래처럼 추가는 잘 되는데 추가 후에 삭제를 할려고 하는데
delete 버튼을 클릭하면 부모 요소 li 자체를 지울려고 하는데 오류로그도 안뜨고 아무 반응이 없는데
어디가 잘못된걸까요..~?
append 로 추가한건 소스에서 인식을 못해서 button.delete 클릭시 요소를 인식못해서 그런가요?
$('#children_input_popup button.btn_save').on('click', function() {
$("ul.children_list").append("<li>자녀이름 <button type='button' class='delete'></button></li>");
$('#children_input_popup').hide();
});
$('ul.children_list li button.delete').on('click', function() {
$(this).parent('li').remove();
});
답변 1
아래의 코드로 한번 바꿔보세요.
$(document).on('click','ul.children_list li button.delete',function(){
$(this).parent('li').remove();
});
감사합니다 잘 됩니다 ~~
답변을 작성하시기 전에 로그인 해주세요.