Count JavaScript元素的数量

Count Number of Elements JavaScript

本文关键字：元素 JavaScript Count      更新时间：2023-09-26

我正在研究一个用户点击跟随按钮的登机流程，然后将一个"灰色"类添加到按钮中。一旦有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>");
          }
       })
     })
 });

使用长度，您可以在回调中构建灰色元素后设置:

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
            }
          }
       })
     })
 });

当然，你可以调整选择器，如果你需要在一个特定的容器中的灰色按钮为目标。

相关文章：