複数のキーワードをハイライト

複数の特定のキーワードをハイライト表示

jQuery

$(function () { // キーワード var arr = [ '吾輩', '猫' ]; var str; $.each(arr, function(i) { // ハイライト // フラグ g で全体検索 str = $('#story').html().replace(new RegExp(arr[i], 'g'), '<mark>' + arr[i] + '</mark>'); $('#story').html(str); }); // キーワードが1つの場合 // var str = $('#story').html().replace(/(猫)/g, '<mark>$1</mark>'); // $('#story').html(str); });

HTML

<div id="story"> <p>吾輩は猫である。名前はまだ無い。 (略) 吾輩は藁の上から急に笹原の中へ棄てられたのである。</p> </div>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。主にLAPP環境でPHPを書いています。最近はjQueryで遊んでいます。
※動作確認について