0

私はプログラミングの初心者ですが、過去に何度も尋ねられた質問があります。ハイライトを何らかの方法で実装する必要があります。jqueryプラグイン(SearchHighlight)を見たことがあります。Jqueryはセレクターを使用しています。正直、使いたくないです。必要なのは、プラグインに強調表示する文字列と、変数exを介して検索語を保持する文字列を「フィード」することです。

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

// SearchHighlight plugin

highlightedstring return;

上記が不可能な場合、純粋なJavaScriptで部分文字列の強調表示を行う方法はありますか?

に関して、

トム

ギリシャ

4

1 に答える 1

0

強調表示に関する概念は、検索しているコンテナーから html を取得し、スタイルを設定できるタグで見つかった単語をラップすることです。1 つの単語だけの単純な例ですが、これは単語の配列で拡張できます。

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/

于 2012-08-08T21:47:50.620 に答える