javascript 突出显示文本#js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 突出显示文本#js相关的知识,希望对你有一定的参考价值。

function highlight(text, words, tag) {
 
  // Default tag if no tag is provided
  tag = tag || 'span';
 
  var i, len = words.length, re;
  for (i = 0; i < len; i++) {
    // Global regex to highlight all matches
    re = new RegExp(words[i], 'g');
    if (re.test(text)) {
      text = text.replace(re, '<'+ tag +' class="highlight">$&</'+ tag +'>');
    }
  }
 
  return text;
}

function unhighlight(text, tag) {
  // Default tag if no tag is provided
  tag = tag || 'span';
  var re = new RegExp('(<'+ tag +'.+?>|<\/'+ tag +'>)', 'g');
  return text.replace(re, '');
}


$('p').html( highlight(
    $('p').html(), // the text
    ['foo', 'bar', 'baz', 'hello world'], // list of words or phrases to highlight
    'strong' // custom tag
));

以上是关于javascript 突出显示文本#js的主要内容,如果未能解决你的问题,请参考以下文章

使用 Javascript 突出显示页面上的文本

如何让 JS 突出显示文本?

使用 JavaScript/jQuery 根据突出显示的文本返回 CSS 选择器列表

使用javascript按下开始按钮时,我应该如何突出显示textarea中的文本?

JavaScript文本突出显示

如何在移动 Safari 中使用 javascript 突出显示文本选择