获取我用jQuery悬停的元素的ID？

Question

我有一堆看起来像这样的元素:

<span class='tags' id='html'>html</span>
<span class='tags' id='php'>php</span>
<span class='tags' id='sql'>sql</span>

我如何获得我悬停在其上的id的名称,因此我可以输出类似"你将鼠标悬停在html标签上"的内容.(我想要做的并不是那么随意,但我确实需要获取用户为了做到这一点而悬停的标记的名称.)

Answer 1

mouseover应该可以解决问题.

$('.tags').mouseover(function() {
   alert(this.id);
});

请注意,如果您想知道鼠标何时离开,您可以使用悬停.

Answer 2

$('.tags').hover(
  function() { console.log( 'hovering on' , $(this).attr('id') ); },
  function() {}
);

第二个空函数用于鼠标输出,你可能也希望在该事件上做一些事情.