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

我知道这个问题可能听起来很重复，因为很多人一定问过这个问题。我搜索了大多数堆栈溢出的答案，并没有找到适合我的问题。 我想获取悬停图像的id或索引。附件如下：

如图所示，当鼠标悬停时，图标应显示内容中显示的信息。我需要首先得到悬停图标的索引，并相应地显示内容。。我试过这个：

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

对于悬停的两个图标，我得到了相同的索引。。 HTML:

有没有关于如何做到这一点的想法？？ 谢谢

所有跨度都将是索引1-它们是其父元素lis的第二个子元素。如果要获取lis的索引，请使用$this.parent.index；e、 g

---

除非你显示你的html代码，否则不容易调试显示的任何东西都没有ID。如果你想要索引，你具体想要的索引是什么？嗯，悬停的li的索引，这样我就可以显示它的内容。例如：如果我悬停在第一个上面，它应该给出一个索引，根据该索引，我可以获取相应的内容。。

<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>

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