单击时从网页中的句子传递单个单词的最佳方法

Question

说,我有:

<p> This is a sentence </p>

当用户点击句子中的单词(this,is,a,sentence)时,网页将知道单击了特定单词.在js或jQuery库中有什么东西吗？

我想在Django的项目中这样做,这样当他们点击一个单词时,我知道单词中的哪个单词被点击(而不是整个句子本身).

我只有2个想法:

1. 将句子拆分为不同的元素,以便在使用javascript和getElementByID OR单击时分隔单词
2. 类似于#1但我只是使用锚标签并以相同的形式传递链接和链接的值,以便我知道句子中的哪个单词被传递()我猜这也有问题.

有没有更好的方法？或者最好的方法是什么？

Answer 1

我们这样做了一次,对整个文档来说这是一个非常讨厌的事情,但对于一个段落来说它并不坏.

取文本节点,将其拆分为空白区域.然后,将每个单词包装在一个范围中并将其放回文档中.

将侦听器附加到PARENT NODE并使用委派来确定单击了哪个跨度.