JQuery получить объект, наведенный поверх

Question

У меня есть этот код:

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

Когда вы наводите курсор мыши на любой элемент на странице, я хочу, чтобы у #log был идентификатор этого элемента.Очевидно, что приведенный выше код не работает ... Как мне это сделать?

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