jQuery Plugin that lets you highlight document text with a regular expression.
Switch branches/tags
Nothing to show
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
bower.json
highlightRegex.js Fixing regex detection Jun 11, 2014
highlightRegex.min.js
index.html

README.md

⚠ Notice ⚠

I extracted this library from a project in 2009. It did everything I needed it to, and maybe it helped a few people. I no longer personally recommend building websites using the DOM as data like jQuery does. Newer alternatives to this library exist, although this still serves its intended function. This repo is partially maintained in that pull requests will be reviewed and bugs will be fixed, but I'm unlikely to add new behavior.

jQuery highlightRegex plugin

Want to highlight some text on a page with information you only know in javascript, maybe based on some dynamic input? Check out the highlight v3 by Johann Burkard. Need to be able to do the same thing but with a regular expression? You're at the right place.

Demonstration

Check out a simple demo here (source included in this repository).

Bower Installation

`bower install jquery-highlightRegex --save`

Usage

$('#any.jquery.selector').highlightRegex(/[aeiou]/ig);

This would wrap all all vowels inside of #any.jquery.selector with a <span class='highlight'>.

To clear the highlighting, just call $('#any.jquery.selector').highlightRegex(); (with no argument).

If you'd like to wrap with a different sort tag and/or class, use

$('#jquery.selector').highlightRegex( /some ([rR]egex)/, {
  tagType:   'strong',
  className: 'andHale'
});

Additional attributes can be set on the created tag

$('#jquery.selector').highlightRegex( /some ([rR]egex)/, {
  attrs: {'data-color': 'blue'}
});