0

小さなプラグインを使用して、ユーザーがアプリケーションで検索するテキストを強調表示します。

Johann Burkard テキストの強調表示

これを使用して、入力フィールドの値を取得し、これを変数としてプラグインに渡すことで、単一のテキスト文字列を強調表示できます。

$(function() { 
    var hightLightme = $("input#searchterm").val();
    $('p').highlight(hightLightme);
});

これは「stackoverflow」などの場合はうまく機能しますが、私の検索フィールドには複数のキーワードを検索する機能があります。つまり、stackoverflow、web、dave などのカンマが「and 演算子」として機能します。

プラグインが現状では、正確な文字列として「stackoverflow、web、dave」を探しています。これをコーディングして、キーワードを分解し、強調表示する個々のキーワードとしてプラグインに渡す方法について途方に暮れています?

4

2 に答える 2

1

代わりにこれを使用してください。

 $(function() { 

     var arrayOfKeyWords= $("input#searchterm").val().split(',');
    for (var i=0;i<arrayOfKeyWords.length;i++)
     {
          $('p').highlight(arrayOfKeyWords[i]);
        }

});
于 2012-08-29T11:00:19.247 に答える
0

キーワードをコンマで区切ることができます:

$(function() { 
    var query = $("input#searchterm").val(),
        keywords = query.split(','), // split keywords by comma
        targetEls = $('p');

    for(var i = 0, c = keywords.length; i < c; i++) {
        targetEls.highlight(keywords[i].trim());
    }
});
于 2012-08-29T11:01:40.477 に答える