아래처럼 추가는 잘 되는데 추가 후에 삭제를 할려고 하는데
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개 / 댓글 1개
채택된 답변
+20 포인트
2020-04-17 (금) 11:17:43
아래의 코드로 한번 바꿔보세요.
Copy
$(document).on('click','ul.children_list li button.delete',function(){
$(this).parent('li').remove();
});답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.