Javascript 根据可用的类获取跨度索引

我的HTML如下所示

 <div class="col-md-12 line">

   <span class="d1  available " seatid="515" seatname="A1"></span>

   <span class="d1  available " seatid="516" seatname="A2"></span>

   <span class="d1  available " seatid="555" seatname="A3"></span>

   <span class="d1  available " seatid="556" seatname="A4"></span>

   <span></span>

   <span class="d1  available " seatid="517" seatname="A5"></span>

   <span class="d1  available " seatid="518" seatname="A6"></span>

 </div>

---

您应该将当前元素传递到，以从所有当前可用范围中获取其索引

因此，您可以使用

$（“span.available”）.index（$（this））

注意：避免在html标记上直接使用属性，您必须同时使用for seatid和seatname=>（data seatid，data seatname），您可以使用或在jquery中访问这些属性

请参阅下面的代码片段

$（函数（）{
$（“span.available”）。在（“单击”，函数（）上{
console.log（“index:+$”（.span.available”）.index（$（this））+“seatid:+$（this.data（'seatid'））；
})
})

span{
显示：块；
}
.作为控制台包装{
最大高度：75px；
}

A1
A2
A3
A4
空的
A5
A6

var selector = $(this);
var selectIndex = selector.index();

var selectIndex = selector.parent().children('span.available').index(selector);