개발 Q&A

제목 제이쿼리 동적 요소 추가 시, length 카운팅이 제대로 안됩니다.
카테고리 JavaScript
글쓴이 신일 작성시각 2019/11/07 14:36:06
댓글 : 5 추천 : 0 스크랩 : 0 조회수 : 8995   RSS

안녕하세요, 궁금한게 있어 문의드립니다.

혹시 아시는 분 계시면 댓글 좀 부탁 드립니다. 간단한거 같은데 의외로 몇일째 헤메고 있습니다.

 

동적인(아코디언 row 추가,삭제) 아코디언에서 마지막 남은 row는 삭제하지 못하게 하려는데요.

length 카운팅이 제대로 되지 않습니다.

 

예)

- 최초 화면 로딩 시 : row 2개

- row 추가 : row 3개   <=====이렇게 인식을 못하고 2개로 계속 인식합니다.

 

 

$(document).on('click', '#del_btn' , function(e)        //삭제 버튼 클릭 시
{               
    if( $('.school_accordion_row').length <= 1)
    {
        alert('마지막은 삭제할 수 없습니다');
        return false;
    }
    else
    {
        $(e.target).closest('li').remove();
        return false;
    }
});

 

 

 다음글 CI 세션 이슈 궁금증 (1)
 이전글 Codeigniter SOAP 문의 (1)

댓글

신일 / 2019/11/07 19:29:45 / 추천 0
다른 분이 알려주셔서 해결 됐습니다^^
엽토군 / 2019/11/10 12:47:27 / 추천 0
원인이 뭐였는지 해결법이 뭔지도 공유해 주시면 이 글이 혼잣말로 끝나지 않을 것 같습니다.
변종원(웅파) / 2019/11/11 11:41:40 / 추천 0

질문과 답변이 하나의 세트로 완성이 됐을 때 질문하신 분도 나중에 볼 누군가를 위해 도움을 주신 겁니다.

^^

한대승(불의회상) / 2019/11/11 13:59:14 / 추천 0

문제를 기준으로 결론을 유추해보면 ID를 클래스명으로 바꾸지 않았을까?

문서 하나에 ID는 한개만 유효합니다.

신일 / 2019/11/17 18:20:01 / 추천 0

안녕하세요, 결론적으로 동적으로 추가된 것이 문제였는데요^^

$('.school_accordion_row')  <=== 이 선택자를 인식 못해서 

$('#project_accordion > li')  <===이와 같이 선택자를 변경해서 해결 했습니다.