Javascript 如何在悬停时检测上一个元素

请看一下这个演示，让我知道当鼠标悬停在box-5上时如何检测上一个元素的

id

例如，我希望控制台记录鼠标移动到

#box-5

$（“#box-5”）。悬停（函数（）{
console.log（“从…进入”）
}，函数（）{
});
正文{
填充：20px；
}
#盒子{
宽度：320px；
高度：300px；
}
.地图{
高度：100px；
宽度：100px；
边框：1px实心#ccc；
浮动：左；
}
#方框-5{
背景：卡其色；
}
您可以将悬停元素的id存储在单独的变量中，并且每次在悬停事件处理程序函数中更改它时都可以使用该变量


让hoveredId=0；
$（“.map”）.hover（函数（）{
this.id！='box-5'？hoveredId=this.id
：console.log（`injecting from${hoveredId}`）；
}, () => {});
正文{
填充：20px；
}
#盒子{
宽度：320px；
高度：300px；
}
.地图{
高度：100px；
宽度：100px；
边框：1px实心#ccc；
浮动：左；
}
#方框-5{
背景：卡其色；
}
您可以将悬停元素的id存储在单独的变量中，并且每次在悬停事件处理程序函数中更改它时都可以使用该变量


让hoveredId=0；
$（“.map”）.hover（函数（）{
this.id！='box-5'？hoveredId=this.id
：console.log（`injecting from${hoveredId}`）；
}, () => {});
正文{
填充：20px；
}
#盒子{
宽度：320px；
高度：300px；
}
.地图{
高度：100px；
宽度：100px；
边框：1px实心#ccc；
浮动：左；
}
#方框-5{
背景：卡其色；
}
跟踪变量中最后一个悬停的元素，并在每次悬停其中一个元素时更新它


$（“#box-5”）。悬停（函数（）{
console.log（“从…+最后一个框输入”）
}，函数（）{
});
var last_box=null；
$（'.map'）.hover（函数（）{
如果（$（this.attr（'id'）！='box-5'）{
last_box=$（this.attr（'id'）；
}
})
正文{
填充：20px；
}
#盒子{
宽度：320px；
高度：300px；
}
.地图{
高度：100px；
宽度：100px；
边框：1px实心#ccc；
浮动：左；
}
#方框-5{
背景：卡其色；
}
跟踪变量中最后一个悬停的元素，并在每次悬停其中一个元素时更新它


$（“#box-5”）。悬停（函数（）{
console.log（“从…+最后一个框输入”）
}，函数（）{
});
var last_box=null；
$（'.map'）.hover（函数（）{
如果（$（this.attr（'id'）！='box-5'）{
last_box=$（this.attr（'id'）；
}
})
正文{
填充：20px；
}
#盒子{
宽度：320px；
高度：300px；
}
.地图{
高度：100px；
宽度：100px；
边框：1px实心#ccc；
浮动：左；
}
#方框-5{
背景：卡其色；
}