在jquery中获取Mouseover上的元素id

时间:2016-02-02 07:46:23

标签: jquery html asp.net-mvc onmouseover

首先我知道这个问题答案非常简单,但首先要了解我的问题。 这是我的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个参数来为postdelay时间显示工具提示消息。所以请告诉我如何在jquery中获取id。

1 个答案:

答案 0 :(得分:3)

它有非常简单的解决方案,将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)
}

&#13;
&#13;
<img onmouseover="FacebookprofileTip(1, 0, this)" id="imgProfile" src="https://lh5.googleusercontent.com/-qQRcAKHdBzE/AAAAAAAAAAI/AAAAAAAAABE/sTjOPZrtj1g/photo.jpg?sz=32" />
&#13;
objectclass: top
objectclass: person
objectclass: organizationalPerson
objectclass: inetorgperson
objectclass: CDPerson
&#13;
&#13;
&#13;