识别Javascript onhover上的单词

我正在浏览stackoverflow并遇到了这个链接（ 如何使用JavaScript获取光标下的单词？ ）

他们有代码：

Each word will be wrapped in a span.
 
A second paragraph here.
 Word:   $(function() { // wrap words in spans $('p').each(function() { var $this = $(this); $this.html($this.text().replace(/\b(\w+)\b/g, "$1")); }); // bind to each span $('p span').hover( function() { $('#word').text($(this).css('background-color','#ffff66').text()); }, function() { $('#word').text(''); $(this).css('background-color',''); } ); });  

当我尝试这个时，我意识到这个代码只适用于段落标签。 我应该如何编辑此代码的Javascript / Regex以使其工作所有标签（h1，h2，h3）？

提前致谢！

Answer 1

jsFiddle Demo

做一些调整。 将选择器更改为包含h1,h2,h3

 $('p,h1,h2,h3').each(function() { 

然后在hover时也做得更低。 您需要在集合上使用find来嵌套跨度。

 $('p,h1,h2,h3').find("span").hover(