Question

在jQuery中，当我的鼠标悬停在元素内的单词上时，我希望得到它的价值。

例如，如果我有一个带有此文本的段落

<p>This is a paragraph</p>

当我将鼠标悬停在某个特定字词上时，例如this，我想获取其文字。

Answer 1

对于每个div，我们搜索每个单词并将其包装在span标签中。

我们会倾听mouseover事件并添加一个高亮课程，以突出显示我们定位的字词。然后我们可以获得该跨度的HTML。我们删除了mouseout事件中的课程。

＆＃13;

$('div').each(function() {
    $(this).html($(this).text().replace(/\b(\w+)\b/g, "<span>$1</span>"));
});

$('div span').on("mouseover", function() {
    $(this).addClass('highlight'); 
        $("#result").html(getWord($(this).html()));
    }).on("mouseout", function() {
        $(this).removeClass('highlight'); 
    });

function getWord(word){
    return word;
}

＆＃13;

span {
  font-size: 15pt;
}

.highlight {
  background: #ffff66;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <span>This text is a  test text</span>
</div>

<p id="result"></p>

＆＃13;

Answer 2

$(document).ready(function(e) {
  $("*").not("body").mouseover(function() {
    alert($(this).text());
  }); 
});

这段代码适用于除body标签之外的所有标签..

Answer 3

//everything on the page, avoiding the body, who has the entiry text of the page
$(document).on('mouseenter',':not(body)',function(){
//1 - get the text 
    var text = $(this).text();

    //2 - verify if text is not empty
    if(text != ''){

        //3 - break the text by lines, you choose
           text = text.split('\n');

        //4- get only the first line, you choose
           text = text[0];

        //5 verify again if is not empty
           if(text != ''){
               //write on console
               console.log(text);
            }
     }
});

jQuery - 当我的鼠标悬停在它上面时，如何获得任何单词的值

3 个答案: