查找鼠标当前指向的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方法

Answer 2

虽然SW4已回答，但我想提供更多解释。

只有jquery函数是jquery对象时才可以使用它们。

在您当前的代码中，this指的是HTMLELement。

您可以使用$( )包装任何DOM元素，就好像它是jquery对象一样。

所以hoverElem = $(this);会使hoverElem成为一个jquery对象。

Answer 3

我认为这是你在jQuery中想要的最简单方法。

$('#selector').css('font-family');