jQuery 获取鼠标悬停的对象

Question

我有这样的代码：

    $('*').mouseover(function() {
        $('#log').text($('*').id);
    });

当您将鼠标悬停在页面上的任何元素上时，我希望 #log 具有该元素的 id。显然上面的代码不起作用...我该怎么做？

Answer 1

$('*').mouseover(function() {
    console.log($(this).attr('id'))
});

在几乎所有 jQuery 回调中，“this”是正在执行回调的对象。

Answer 2

$('*').mouseover(function() {
    $('#log').text($(this).attr('id'));
});

Answer 3

您还可以使用 event.target

var $log = $("#log");
$('*').mouseover(function(event) {
    $log.text($(event.target).attr('id'));
    event.stopPropagation();
});