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

Question

我要做的是允许用户滚动网页上的任何单词，当鼠标翻过该单词时，它会突出显示（我知道我可以使用悬停）。但是我不知道如何从段落中选择单个单词。最终的目标是允许用户点击单词并在单词上显示定义，但我想我可以在我将鼠标悬停在单个单词上时弄明白。

Answer 1

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

相反，大多数网站提供此功能的是，只要您选择文字（see this question for some code to get the current selection），他们就会执行悬停弹出框。

就个人而言，我觉得它真的很烦人（例如，nytimes.com就是这样），但也许只是我...

Answer 2

如果你想要类似于NYtimes提供的东西，我建议你使用JQuery中的Select Link插件，它可以搜索你文本中选择的任何单词。授予this link。