Javascript 如何知道所选子元素相对于其父元素的顺序号？

我的html结构如下所示：

<div id="first">
     <div id="second">
         <div class="inside"></div>
         <div class="inside"></div>
         <div class="inside"></div>
         <div class="inside"></div>
         <div class="inside"></div>
     </div>
</div>

我想做的是检查鼠标悬停的“.inside”的数量。因此，如果我将“.inside”的第一个条目悬停，它将显示“1”。在第四行中，它应该显示“4”。但是访问变量“el”（ev.currentTarget）没有“元素位置”属性或类似属性，这将允许我了解实际悬停元素相对于“#second”（内部的第一、第二、第三等）的位置

那么，有人知道吗？我能得到一些帮助吗？非常感谢：）

您可以使用

.index（）

返回集合中元素的基于0的索引

$（“.inside”）.mouseover（函数（ev）{
var el=ev.currentTarget；
//TODO:获取真实元素
变量el_位置=$（el）.指数（“.内”）+1；
控制台日志（el_位置）；
});

1.
2.
3.
4.
5.
您可以使用
.index（）
返回集合中元素的基于0的索引


$（“.inside”）.mouseover（函数（ev）{
var el=ev.currentTarget；
//TODO:获取真实元素
变量el_位置=$（el）.指数（“.内”）+1；
控制台日志（el_位置）；
});

1.
2.
3.
4.
5.

$(".inside").mouseover(function(ev){

        var el = ev.currentTarget;

        //TODO: get real element
        var el_position = 1;

});