即使在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');
}
);
你试过双击这个词吗?这通常是我选择的。谢谢你,先生。这个例子看起来很完美。我对它做了一些修改,使它完全符合我的要求。