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();
});