Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
即使在jquery或javascript中,如何在鼠标上选择并突出显示段落中的单词?_Javascript_Jquery_Html_Css - Fatal编程技术网

即使在jquery或javascript中,如何在鼠标上选择并突出显示段落中的单词?

即使在jquery或javascript中,如何在鼠标上选择并突出显示段落中的单词?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我到处寻找这个问题,但我仍然无法得到一个好的例子,我想选择一个词,让我们说一段,并突出它,因为我点击它,我知道你可以突出整个段落,但这不是我要找的,请如果有人知道或有这样做的想法,请一定要让我知道 谢谢。您可以通过在每个单词周围加上一个标记来预处理文本,并在段落上设置一个侦听器以查找目标,然后根据需要突出显示元素您可以尝试将句子拆分为单词,并将单词添加到span标记中。然后单击span标记以添加类高亮显示: var SENTURE=$'.SENTURE'.html.split/\s+/,, 结

我到处寻找这个问题,但我仍然无法得到一个好的例子,我想选择一个词,让我们说一段,并突出它,因为我点击它,我知道你可以突出整个段落,但这不是我要找的,请如果有人知道或有这样做的想法,请一定要让我知道


谢谢。

您可以通过在每个单词周围加上一个标记来预处理文本,并在段落上设置一个侦听器以查找目标,然后根据需要突出显示元素

您可以尝试将句子拆分为单词,并将单词添加到span标记中。然后单击span标记以添加类高亮显示:

var SENTURE=$'.SENTURE'.html.split/\s+/,, 结果=[]; 对于var i=0;i<句子长度;i++{ 结果[i]=+句子[i]+; } $'.句子'.htmlresult.join''; $'.句子'。在“单击”、“跨距”功能上{ $this.addClass'highlight'; }; .句子跨度:悬停,.突出显示{ 背景:红色; }

知识产权,知识产权。同样地,除了最大限度地提高实践能力之外,其他方面也不例外。我做了一个快速的谷歌搜索,因为我想可能有人已经涵盖了这一点,我对这个JSFIDLE做了一些修改,这是你不必说的最好的方式:

$('div').each(function() {
    var $this = $(this);
    $this.html($this.text().replace(/\b(\w+)\b/g, "<span>$1</span>"));
});

$('div span').click(
    function() { 
        $(this).css('background-color','#ffff66');
    }
);

你试过双击这个词吗?这通常是我选择的。谢谢你,先生。这个例子看起来很完美。我对它做了一些修改,使它完全符合我的要求。