Question

我正在开展一项入职流程，用户点击一个关注按钮，然后选择一个“灰色”的课程。被添加到按钮。一旦有3个按钮，其中有一个＆＃39; grey＆＃39;，我想在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
            }
          }
       })
     })
 });

当然，如果您需要定位特定容器中的灰色按钮，则可以调整选择器。

计算元素数量JavaScript

1 个答案: