테스트 사이트 - 개발 중인 베타 버전입니다

스크립트 질문 입니다. 채택완료

웹프리죤 5년 전 조회 1,038

아래처럼 추가는 잘 되는데 추가 후에 삭제를 할려고 하는데

delete 버튼을 클릭하면 부모 요소 li 자체를 지울려고 하는데 오류로그도 안뜨고 아무 반응이 없는데

어디가 잘못된걸까요..~?

 

append 로 추가한건 소스에서 인식을 못해서 button.delete 클릭시 요소를 인식못해서 그런가요?

 

 

$('#children_input_popup button.btn_save').on('click', function() {         $("ul.children_list").append("

  • 자녀이름
  • ");         $('#children_input_popup').hide();     });

        $('ul.children_list li button.delete').on('click', function() {         $(this).parent('li').remove();     });

     

     

    댓글을 작성하려면 로그인이 필요합니다.

    답변 1개

    채택된 답변
    +20 포인트

    아래의 코드로 한번 바꿔보세요.

    </p>
    
    <p>$(document).on('click','ul.children_list li button.delete',function(){</p>
    
    <p>  $(this).parent('li').remove();</p>
    
    <p>});</p>
    
    <p>

    로그인 후 평가할 수 있습니다

    답변에 대한 댓글 1개

    웹프리죤
    5년 전
    감사합니다 잘 됩니다 ~~

    댓글을 작성하려면 로그인이 필요합니다.

    답변을 작성하려면 로그인이 필요합니다.

    로그인