如何在段落标签中选择单词

Question

假设我的html文件中包含以下行：

<p>How can I help you?</p>

我只想选择被单击的单词，然后对该单词进行处理。例如，仅console.log记录被单击的单词。要实现这一点，我应该有以下内容：

<p><span>How</span><span>can</span><span>I</span><span>help</span><span>you?</span></p>

这样，我可以使用span标签并选择项目，但这根本不实际。还有其他方法吗？

Answer 1

最好使用一个类来指向可单击的跨度。类似于<span class="clickable">can</span>。

$("p>span").click(function(event){
  console.log($(this).html());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><span>How</span> <span>can</span> <span>I</span> <span>help</span> <span>you?</span></p>