javascript - jQuery - 获取元素的索引，仅限于类

Question

给定以下 html:

<div class="my-container">
    <div class="x">
        <a href="#">Link 1</a>
    </div>
    <div class="x">
        <a href="#">Link 2</a>
    </div>
    <div class="x">
        <a href="#">Link 3</a>
    </div>
    <div class="x y">
        <a href="#">Link 4</a>
    </div>
    <div class="x">
        <a href="#">Link 5</a>
    </div>
    <div class="x y">
        <a href="#">Link 6</a>
    </div>
    <div class="x">
        <a href="#">Link 7</a>
    </div>
</div>

哪些元素获得 y 类 - 是一个动态的事情，它会在运行时根据不同的用户交互而变化。

将鼠标悬停在 anchor 上时(我可以假设 anchor 位于具有 y 类的 div 中，因为只有它们可见)，我需要获取其容器的索引(该 div与 y 类)，但仅限于该 y 类。

含义:

1. 将鼠标悬停在“Link 4”上应该告诉我:0(第一个元素为 y 类)
2. 将鼠标悬停在“Link 6”上应该告诉我:1(具有 y 类的第二个元素)

.index() 在这里对我没有帮助

编辑:@凯文B我已阅读文档，但无法使其工作。我能找到的最接近的方法是将集合传递给 .index()，我已经尝试过了。但不起作用(而且，他们的集合示例是使用 vanilla js document.getElementById - 这对我不起作用，需要使用类；尝试适应: myCollection = $(this).closest('. my-container').children('.y') 并将其传递给 .index()，但它不起作用)。如果没有先通过谷歌搜索并浏览文档，我就不会发帖，不知道为什么投反对票(不指指点点，我不假设我知道是谁)。仅仅因为我说“.index()”对我没有帮助”？好吧，我已经尝试了我能用它做的任何事情，但无法实现。这就是我发帖的原因。

Answer 1

正如评论中所说，索引正是您所需要的:

$(document).ready(function() {
  //mousein
  $("a").hover(function(){
     var parent = $('.my-container').eq(2); // the 3rd "my-container"
     console.log(parent.find('.y a').index(this)); //-1 if elm doesnt exist
  },
  //mouseout
  function(){

  })
});