查找鼠标当前指向的html元素的font-family？

Question

我想找出鼠标悬停在其上的HTML元素的字体系列.请不要为此建议Chrome/FF插件,我想自己创建一个:P

这是我一直在尝试的:http://jsfiddle.net/c2DUZ/

Html:

<div id="a">hasdashd kjsa sdkjsahd kjahdkjsahd kjahdkjahd kja hdkja hdkjahdskjahdkja</div>
<div id="b">hasdashd kjsa sdkjsahd kjahdkjsahd kjahdkjahd kja hdkja hdkjahdskjahdkja</div>
<div id="c">hasdashd kjsa sdkjsahd kjahdkjsahd kjahdkjahd kja hdkja hdkjahdskjahdkja</div>
<div id="message"></div>

CSS:

#a {font-family: Arial;}
#b {font-family: Tahoma;}
#c {font-family: Georgia;}

jQuery的

$('*').hover(function() {
    hoverElem = this
    var font = hoverElem.css("font-family");
    $("#message").append(font);
});

请指教.

Answer 1

因此改变你的JS:

hoverElem = $(this);

为了确保您引用jQuery对象并可以访问CSS方法