如何突出jquery中的每个单词,以便为每个单词提供定义?

我想要做的是允许用户滚动网页上的任何单词,当鼠标翻过它时,它会突出显示(我知道我可以使用hover)。 但是我不知道如何从段落中选择单个单词。 最终的目标是允许用户点击单词并在单词上显示定义,但我想我可以在我将鼠标hover在单个单词上时解决这个问题。

在Javascript中没有办法做到这一点,你可以与之交互的最小的东西,一般来说,是一个DOM元素。 因此,您可以在技术上将每个单词包装在 ,但这似乎是严重的过度杀伤,并且可能也会产生巨大的性能影响。

相反,大多数网站提供此function的是,无论何时选择文本,它们都会执行hover弹出窗口( 请参阅此问题以获取当前选择的某些代码 )。

就个人而言,我发现它真的很烦人(例如,nytimes.com就是这样),但也许那只是我…

如果你想要类似于纽约时报提供的东西,我建议你使用JQuery中的Select Link插件,它可以搜索你文本中选择的任何单词。 提供此链接 。