在 jquery 中获取鼠标悬停元素的 ID

Question

首先我知道这个问题的答案很简单，但首先要了解我的问题。这是我的 html 和脚本。

<img onmouseover="FacebookprofileTip(1, 0)" onmouseout="FacebookprofileTip(0, 1);" onclick="FacebookprofileTip(0, 1);" id="imgProfile" src="#" />
<div class="row"  id="profile-tip"></div>

脚本：

function FacebookprofileTip(post, delay) {
    //How do I get element id here
    //Non-relevant code
}

根据我的要求，我想获取 "img" 标签 onmouseover 事件的 ID。但我已经将 2 个参数传递给函数 post 和 delay 时间来显示工具提示消息。所以请告诉我如何在 jquery.

中获取 id

Answer 1

它有非常简单的解决方案，将调用事件的元素的 this 引用传递给事件处理程序。然后你可以阅读 id 属性.

<img onmouseover="FacebookprofileTip(1, 0, this)"  id="imgProfile" src="#" />

将函数更改为

function FacebookprofileTip(post, delay, elem) {
     alert(elem.id)
     //Rest of your code, now you can play with elem as required
}

function FacebookprofileTip(post, delay, elem) {
  alert(elem.id)
}

<img onmouseover="FacebookprofileTip(1, 0, this)" id="imgProfile" src="https://lh5.googleusercontent.com/-qQRcAKHdBzE/AAAAAAAAAAI/AAAAAAAAABE/sTjOPZrtj1g/photo.jpg?sz=32" />

在 jquery 中获取鼠标悬停元素的 ID

Get id of element on Mouseover in jquery

jquery

html

asp.net-mvc

onmouseover