Question

我想从我鼠标悬停在其上的单词进行自动翻译。我用

$('p').hover(function () {
  var hoveredWord = $(this).text();
  translate(hoveredWord, 'en'); // function to translate a word to English Language
});

它将在段落中返回整个文本，但是，我只想要一个单词，而不是整个文本。我可以使用Jquery中的任何函数来存档吗？感谢。

Answer 1

我会以不同的方式做。我会使用<span>包装所有文本内容：

＆＃13;

$(function() {
  $('p').html(function () {
    var cont = [];
    return "<span>" + $(this).text().split(" ").join("</span> <span>") + "</span>";
  }).on("mouseover", "span", function() {
    var hoveredWord = $(this).text();
    console.log(hoveredWord);
    // translate(hoveredWord, 'en'); // function to translate a word to English Language
  });
});

＆＃13;

span:hover {background: #ccf;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hello, World! How are you?</p>

＆＃13;

我不会使用hover功能。它不可靠并且已被弃用。

在Jquery中从hover（）获取悬停的单词？

1 个答案: