javascript - 计算 jquery php 中每个 div 的类数

Question

我有类名 bus 的 div 在 foreach 循环 php 中重复

<div class="bus" id="result1">
  <div class="seat red" data-number="A4(W)" data-book="1" amount="505" uniq-id="1452746805">
  </div>
  <div class="seat red" data-number="B4(W)" data-book="1" amount="505" uniq-id="1452746801">
  </div>
  <div class="seat red" data-number="C4(W)" data-book="1" amount="505" uniq-id="1452746823">
  </div>
  <div class="seat red" data-number="D4(W)" data-book="1" amount="505" uniq-id="1452746839">
  </div>
</div>

<div class="bus" id="result2">
  <div class="seat red" data-number="A4(W)" data-book="1" amount="501" uniq-id="1452746803">
  </div>
  <div class="seat red" data-number="B4(W)" data-book="1" amount="505" uniq-id="1452746802">
  </div>
  <div class="seat red" data-number="C4(W)" data-book="1" amount="505" uniq-id="1452746804">
  </div>
  <div class="seat red" data-number="D4(W)" data-book="1" amount="505" uniq-id="1452746801">
  </div>
</div>
  .....
  .....
  <div class="bus" id="resultn">
     .....
     ....
  </div>

当点击一个类为 seat 的 div 时，一个类 green 被添加到它 我想用 bus 类计算每个 div 中的 green 类。 这是我的代码

$(document).on("click",".seat",function(){
   var total_class = $('.green').length;
})

问题是我从所有 bus 类的 div 中获取 green 类的总数

更新

当点击一个带有class seat的div时，我想将data-number属性值分别放入每个class bus的数组中，稍后用于一些db操作。

这是我的代码

$(document).on("click",".seat",function(){

  var temp=[];
  var seat_no = $(this).attr("data-number");
  temp.push(seat_no);

}

问题是我正在从所有具有总线类的 div 中获取所有数据编号属性

Answer 1

使用parent()方法来访问您单击的那个元素的父级，因此您可以获得类 .green 的实例数

var total_class = 0;    

$(document).on("click",".seat",function(){
    total_class = $(this).parent().children('.green').length
})