ボタンを無効にするためのJQueryの修正

Question

各スライダーが使用されるまで「次へ」ボタンを無効にしようとしていますが、クラスがなくなった同じスライダーをクリックすると、 "クリックしない"。

JSFiddle:（ '-クリックされません。'）の長さが0であることを

var count = 0; 
$('.not-clicked').click(function(e){ 
    $(this).removeClass('not-clicked'); 
    $(this).addClass('clicked'); 
    count++; 
    if(count > foodCount) 
    { 
    var nextBtn = document.getElementsByName("commit")[0]; 
    nextBtn.removeAttribute('disabled'); 
    } 
}); 

Answer 1

だけで$をチェックする（それはここでは少し厄介に見えますが、動作します）：。

$('.not-clicked').click(function(e) { 
    $(this).removeClass('not-clicked'); 
    $(this).addClass('clicked'); 

    if ($('.not-clicked').length == 0) { 
    var nextBtn = document.getElementsByName("commit")[0]; 
    nextBtn.removeAttribute('disabled'); 
    } 
}); 

JsFiddle：https://jsfiddle.net/nikdtu/hqL6a146/