計數元素的數量JavaScript

Question

我正在開發一個入門流程，其中用戶單擊一個關注按鈕，然後將一類'灰色'添加到按鈕中。一旦有3個具有'灰色'類的按鈕，我想在JavaScript中運行一個函數。我怎樣才能做到這一點？這裏的JavaScript代碼的類添加到按鈕：

$(document).ready(function() { 
    $(".join-5 a").click(function() { 
     var i = $(this).attr("id"); 
     $.ajax({ 
      type: "GET", 
      url: "/groups/" + i + "/join", 
      success: function() { 
      $(".join-5").html("<a href='#' class='btn btn-default gray'>Joined</a>"); 
      } 
     }) 
    }) 
}); 

Answer 1

使用長度，你可以在回調把這個你建立你的灰色元素之後：

if($('.gray').length == 3) { 
    // do something 
} 

---

，所以該完整的事應該是這樣的：

$(document).ready(function() { 
    $(".join-5 a").click(function() { 
     var i = $(this).attr("id"); 
     $.ajax({ 
      type: "GET", 
      url: "/groups/" + i + "/join", 
      success: function() { 
      $(".join-5").html("<a href='#' class='btn btn-default gray'>Joined</a>"); 
      if($('.gray').length == 3) { 
       // do something 
      } 
      } 
     }) 
    }) 
}); 

當然，你可以調整選擇器，如果你需要目標灰色按鈕在特定容器內。