클릭 후 javascript/jquery에서 변수를 업데이트하는 방법은 무엇입니까?

Question

#hold 자리 표시 자 div 내에 3 개 미만의 직접 자식 div가있는 경우 클릭시 .add 클래스 기능이있는 버튼 만 허용하는 코드를 작성하려고합니다. theDiv_append는 #hold div 자리 표시 자 내에 div 블록을 추가하는 별도의 함수입니다. #hold 내의 div 수를 계산하고 업데이트하려면 countingdivs 변수를 업데이트하려고하지만 작동하지 않습니다. 현재 추가 버튼이 사용 중지되지 않습니다.

var countingdivs = '1'; 
    if(countingdivs <= '2') { 
    $(document).on('click',".add",theDiv_append); 
    countingdivs = $("#hold > div").length; 
    }; 

도움이 될 것입니다. 감사!

Answer 1

이동 클릭 처리기에 조건의 현재 길이 countingdivs를 할당하려고 :

$(document).on('click', '.add', theDiv_append); 

function theDiv_append() { 
    var $hold = $('#hold'), 
     len = $hold.children('div').length; 

    if (len <= 2) { 
     // ... 
    } 
} 

Answer 2

시도 :

var countingdivs = 1; 
if(countingdivs <= 2) { 
    $(document).on('click',".add", theDiv_append); 
    countingdivs = $("#hold > div").length; 
} else { 
    $(document).off('click',".add", theDiv_append); 
} 

어쩌면 #hold > div

var countingdivs = $("#hold > div").length;