domsearch.js

A jQuery plugin for searching the DOM Download

In a gist

It lets you search within an element (e.g.: a table or a list), narrowing down the inner elements using LiquidMetal, which is way better than whatever else you could come up with.

API

Using a text field #search to search in a list #fruits:

$('input#search').domsearch('ul#fruits');

In the table below, using only the weight field (assuming <td class="weight">):

$('#search').domsearch('table#fruits', {criteria: 'td.weight'});

Same as the previous example, using 2 fields as criteria:

$('#search').domsearch('table#fruits', {criteria: ['td.price', 'td.weight']});

Demo

Try it with typos, incomplete names, and generally confusing but similar words to what you're actually searching for.

Name Weight
Apple 0.1kg
Orange 0.2kg
Watermelon 2kg
Peach 0.1kg
Pear 0.2kg
Passionfruit 0.05kg
Apricot 0.02kg
Lime 0.01kg
Imbu 0.02kg
Indonesian Guavas 0.3kg

Credits

domsearch.js is made with by @julio_ody. Source is on GitHub. The initial work was done while I was working at Incite, so props to them.