javascript - 查找某个类的父级的索引

Question

我有以下 HTML:

<div class="Wrapper">

   <div class="SomeOtherClass"></div>
   <div class="SomeOtherClass"></div>

   <div class="MyClass">
       <div class="SomeElement" id="test"></div>
       <div class="SomeElement"></div>
   </div>

   <div class="MyClass">
       <div class="SomeElement" id="test2"></div>
       <div class="SomeElement"></div>
   </div>   

</div>

我有以下 javascript:

$('.Wrapper').find('.SomeElement').each(function () {

    if (SomeCondition) {

       var TheElement = $(this);
       var TheIndexOfParentClass = TheElement... //HERE

       return;
    }
});

如您所见，我遍历了所有 SomeElements 并选择了一个。现在我想知道父类的索引(此处为“MyClass”)。例如，如果我选择“test”，则 TheIndexOfParentClass 应为 0，如果我选择 test2，则 TheIndexOfParentClass 应该是 1。请注意 SomeOtherClass 的元素数量可以变化；我不想要父级的实际索引，我想要父类相对于 Wrapper 元素的所有子级的索引。我该怎么做？

谢谢。

Answer 1

我想你想要这个:

$('.Wrapper').find('.MyClass').each(function(TheIndexOfParentClass) {
    $('.SomeElement', this).each(function(){
       if (SomeCondition) {
          var TheElement = $(this);

each将迭代索引传递给回调，因此通过分解迭代，您可以让 jQuery 为您计数。