jQuery-段落中每个单词的单独onClick事件

我想让我的页面的浏览者点击段落中的任何单词来触发工具提示（比如单词定义或其他事件），但我不想在每个单词周围都有标记来填充我的html

我想要的效果与《纽约时报》在文章中的效果相似。双击《纽约时报》文章中的任何单词都会显示工具提示，单击该提示可获取更多信息。但是您会注意到，在源代码中，原始页面中没有这些工具提示的标记

---

这可以通过jQuery实现吗？比如，点击任何单词？

实际上不是点击，而是选择

看看插件

更新：

---

我还发现了关于stackoverflow的类似讨论：

也许你可以试着这样做：

var openTag = "<a href='#' onclick='javascript:wordAction(this)'>";
var closeTag = "</a>"

var paragraph = $("#paragraph");
var newParagraphHtml = paragraph.html().replace(" ", closeTag + openTag + " ");
paragraph.html(openTag + newParagraphHtml + closeTag);

var wordAction = function(el) {
    var word = el.html();  
    // do wat you want with your word
}

var openTag=“”
var段落=$（“#段落”）；
var newParagraphHtml=paration.html（）.replace（“，closeTag+openTag+”）；
html（openTag+newParagraphHtml+closeTag）；
var wordAction=函数（el）{
var word=el.html（）；
//你想说什么
}

---

这看起来是正确的开始。我认为“由文本选择触发的工具提示”方法有两个优点：（a）它可以通过双击和拖动文本选择触发，（b）它可以限制哪些单词触发工具提示。这一点很重要，因为我希望为某些短语和每个单词指定不同的工具提示内容。非常感谢你的帮助！