Question

我是编程新手，我有一个问题，过去曾多次被问过。我需要以某种方式实现亮点。我见过一个jquery插件（SearchHighlight）。 Jquery正在使用选择器。说实话，我不想用它们。我需要的是“插入”要插入的字符串以及通过变量ex保存搜索字词的字符串。

var searchterms = 'lolo loli let';
var searchstring = ' Lolo loves loli and .... Blah, blah';
var highlightedstring = '';

// SearchHighlight plugin

highlightedstring return;

如果以上是不可能的，那么在纯JavaScript中有一种方法可以进行子串突出显示吗？

尊重，

汤姆

希腊

Answer 1

围绕突出显示的概念是从容器中抓取html，在那里搜索包含可以设置样式的标签的单词。只有一个单词的简单示例，但这可以通过一系列单词进行扩展。

function highlight(word, content) {
    var html = $(content).html();
    var re = new RegExp(word, 'gi');
    $(content).html(html.replace(re, '<code>$&</code>'));
}

highlight('pleasure', '#content');

演示： http://jsfiddle.net/elclanrs/hdYmb/

使用jquery或JavaScript突出显示？

1 个答案: