Question

无论如何，我能找到当前的班级编号吗？例如：具有类＆＃39; TEST＆＃39;的总元素。是20. $('.TEST').length 如果我点击第4个测试元素，我应该得到4。我玩索引但无法让它发挥作用请看下面的例子。

<div class="a">
    <div class="b">
        <div class="TEST">CLICK ON THIS.</div>
    </div>
</div>

<div class="e">
    <div class="f">
        <div class="TEST">CLICK ON THIS.</div>
    </div>
</div>

<div class="k">
    <div class="t">
        <div class="TEST">CLICK ON THIS.</div>
    </div>
</div>
.....

的Jquery

$(document).on('click','.TEST'){
 .....
}

Answer 1

我认为这就是你要找的东西。听起来你很亲密。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="a">
    <div class="b">
        <div class="TEST">CLICK ON THIS.</div>
    </div>
</div>

<div class="e">
    <div class="f">
        <div class="TEST">CLICK ON THIS.</div>
    </div>
</div>

<div class="k">
    <div class="t">
        <div class="TEST">CLICK ON THIS.</div>
    </div>
</div>

Retrofit

Answer 2

注意，点击第四个.TEST元素应该返回3，因为.index()使用从0开始的索引

＆＃13;

$(document).on('click', '.TEST', function(e) {
  console.log($(this).index(".TEST"))
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="a">
  <div class="b">
    <div class="TEST">CLICK ON THIS.</div>
  </div>
</div>

<div class="e">
  <div class="f">
    <div class="TEST">CLICK ON THIS.</div>
  </div>
</div>

<div class="k">
  <div class="t">
    <div class="TEST">CLICK ON THIS.</div>
  </div>
</div>

＆＃13;

jQuery当前类的总类数

2 个答案: