jQuery Text Highlight is a plugin for highlighting Words, Text or Regular Expressions within the DOM.

Feature requests are welcome.

Given the following html:

<h1>Hello World</h1>

$('h1').textHighlight('Hello');
$('h1').textHighlight(/World/);
$('h1').textHighlight([/Hello/, 'World']);
$('h1').textHighlight(['Hello', 'World'], {
  element: 'mark',
  class: '',
  caseSensitive: false
});
$('h1').removeHighlight();

Each line will produce the corresponding markup:

<h1>
  <mark>Hello</mark>
  World
</h1>
<h1>
  Hello
  <mark>World</mark>
</h1>
<h1>
  <mark>Hello</mark>
  <mark>World</mark>
</h1>
<h1>
  <mark>Hello</mark>
  <mark>World</mark>
</h1>

$.fn.textHighlight( term, options )

Encapsulates text within a specified element.

• term could be either a string, a regular expression or an array of both.
• options is an object containing configuration options. See below for more details.

$.fn.removeHighlight();

Removes the encapsulation applied by $.fn.textHighlight.

Note: The caseSensitive option overrides the i flag of Regular Expressions.

This plugin and the associated documentation are distributed under the terms of the MIT License. See COPYING for more details.