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