jquery - 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" />