如何获取图像的索引或id -Jquery / Js

Question

我知道这个问题可能听起来很重复，因为很多人一定会问这个问题。我搜索了大多数堆栈溢出答案，并且在这里找不到我的问题。 我想得到悬停图像的id或索引。下面是附件：

看到的图标，悬停时应显示内容中显示的信息。我需要首先获取图标的索引并相应地显示内容..我试过这个：

 $('li span.account-info-icon').on("mouseover", function(event){
                    var myindex =  $(this).index();
                    console.log(myindex);
    });

悬停时两个图标都给我相同的索引.. HTML：

<ul>
<li class="hover">
<label class="bar">-----000-------1012-TEST</label>
<span class="account-info-icon"></span>
</li>
<li>
<label class="bar">---000----test--tian---1007-TEST</label>
<span class="account-info-icon"></span>
</li>

</ul>

关于如何做到这一点的任何想法？ 谢谢！

Answer 1

您的所有span都将成为索引1 - 它们是其父元素的第二个子元素（li s）。如果您想获得li的索引，请使用$(this).parent().index();例如

$('li span.account-info-icon').on("mouseover", function(event){
    var myindex =  $(this).parent().index();
    console.log(myindex);
});