A Pen by Agustín Amenabar.

index.html

<div class="search"><label>Start typing: <input type="search" id="searchInput" /></label> <button type=button id="clearSearch">Clear</button></div>
<table id="toSearchFor">
<tr><td>1.</td><td> Spider Flower </td><td> cleome spinosa / cleome pungens </td><td> plante-araignée / fleur-araignée</td></tr>

<tr><td>2.</td><td> Lavender </td><td> Lavandula </td><td> lavande</td></tr>

<tr><td>3.</td><td> Cardinal Flower </td><td> Lobelia </td><td> lobelia</td></tr>

<tr><td>4.</td><td> Snapdragon </td><td> Antirrhinum majus </td><td> Muflier, gueule de loup</td></tr>

<tr><td>5.</td><td> Red Catchfly </td><td> Silene dioica </td><td> compagnon rouge</td></tr>

<tr><td>6.</td><td> California poppy </td><td> eschscholtzia california</td><td> pavot de Californie</td></tr>

<tr><td>7.</td><td> Sunflower </td><td> Helianthus </td><td> tournesol</td></tr>

<tr><td>8.</td><td> Black eyed susan </td><td> Rudbeckia </td><td> Rudbeckie</td></tr>

<tr><td>9.</td><td> Turtlehead </td><td> Chelone glabra </td><td> galane glabre</td></tr>

  <tr><td>10.</td><td>Hibiscus</td><td> Hibiscus moscheutos </td><td> hibiscus des marais</td></tr>

<tr><td>11.</td><td> Rattlesnake Master </td><td> Eryngium yuccifolium </td><td> chardon à feuilles de yucca </td></tr>

<tr><td>12.</td><td> Crested Dwarf Iris </td><td> Iris cristata </td><td> Iris crêté, Iris à crête, Iris nain à crête</td></tr>

<tr><td>13.</td><td> Moonflower </td><td> Selenicereus wittii </td><td> cierge de la lune.</td></tr>

<tr><td>14.</td><td> Blue Bell </td><td> </td><td> jacinthe des bois</td></tr>

<tr><td>15.</td><td> Starflower </td><td> Trientalis borealis </td><td> trientale boréale</td></tr>

<tr><td>16.</td><td> Geranium </td><td> Geranium Maculatum </td><td> géranium tacheté</td></tr>

<tr><td>17.</td><td> Claytonia Virginica </td><td> spring beauties </td><td> ?</td></tr>

<tr><td>18.</td><td> Pineapple Sage </td><td> Salvia elegans</td><td> sauge ananas</td></tr>

<tr><td>19.</td><td> Spiderwort </td><td> Tradescantia </td><td> misère</td></tr>

<tr><td>20.</td><td> Wild columbine </td><td> aquilegia </td><td> ancolie</td></tr>

  <tr><td>21.</td><td> Aster</td><td> Aster Novae Angliae </td><td> aster / aster d'automne</td></tr>

<tr><td>22.</td><td> Indian paint brush </td><td> Castilleja linariaefolia </td><td> pinceau indien</td></tr>

<tr><td>23.</td><td> Purple Cone Flower </td><td> Echinacea purpurea </td><td> échinacée pourpre</td></tr>

<tr><td>25.</td><td> Daisy </td><td> Bellis perrennis </td><td> pâquerette</td></tr>

<tr><td>26.</td><td> St. John's Wort </td><td> Hypericum </td><td> millepertuis</td></tr>

<tr><td>27.</td><td> Butterfly weed </td><td> Buddleia davidii </td><td> arbre à papillons</td></tr>

<tr><td>28.</td><td> Lupine </td><td> Lupinis </td><td> lupin</td></tr>
  
<tr><td>sn.</td><td>african corn lily</td><td> ixia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>african lily</td><td> agapanthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>alpine thistle</td><td> eryngium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>amaryllis</td><td> hippeastrum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>amazon lily</td><td> eucharis</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>arum</td><td> zantedeschia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>baby’s breath</td><td> gypsophila</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>balloon flower</td><td> platycodon</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>barberton daisy</td><td> gerbera</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>bee balm</td><td> monarda</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>bell flower</td><td> campanula</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>bells of Ireland</td><td> moluccella</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>bergamot</td><td> monarda</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>bird of paradise</td><td> strelizia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>bloom</td><td> chrysanthemum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>blue throatwort</td><td> trachelium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>bottlebrush</td><td> banksia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>brodiaea</td><td> triteleia (syn)</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>broom</td><td> genista</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>calla lily</td><td> zantedeschia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>canterbury bells</td><td> campanula</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>carnation</td><td> dianthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>china aster</td><td> callistephus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>chincerinchee</td><td> ornithogalum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>chinese bellflower</td><td> platycodon</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>christmas rose</td><td> hellebore</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>cockscomb</td><td> celosia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>columbine</td><td> aquilegia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>coneflower</td><td> rudbeckia/echinacea</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>cornflower</td><td> centaurea</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>corsage orchid</td><td> cattleya</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>cosmos</td><td> cosmea (syn)</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>cuban lily</td><td> scilla</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>daffodil</td><td> narcissus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>dill</td><td> anethum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>drumstick</td><td> craspedia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>evening primrose</td><td> oenothera</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>false goat’s beard</td><td> false spirea/astilbe</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>feverfew</td><td> tanacetum parthenium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>flame lily</td><td> gloriosa</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>flame tip</td><td> leucadendron</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>flamingo flower</td><td> anthurium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>florist’s nighmare</td><td> ornithogalum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>floss flower</td><td> ageratum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>flowering cherry</td><td> prunus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>flowering onion</td><td> allium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>forget-me-not</td><td> myosotis</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>foxglove</td><td> digitalis</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>foxtail lily</td><td> eremurus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>gay feather</td><td> liatris</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>gentian</td><td> gentiana</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>gillyflower</td><td> matthiola</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>ginger</td><td> alpinia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>globe amarath</td><td> gomphrena</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>globe artichoke</td><td> cynara</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>globe flower</td><td> trollius</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>globe thistle</td><td> echinops</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>glory lily</td><td> gloriosa</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>golden rod</td><td> solidago</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>golden shower orchid</td><td> oncidium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>goosefoot</td><td> chenpodium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>grape hyacinth</td><td> muscari</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>guelder rose</td><td> viburnum opulus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>guernsey lily</td><td> nerine</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>hyacinth</td><td> hyacinthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>jersey lily</td><td> alstroemeria</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>kangaroo paw</td><td> anigozanthos</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>kansas feather</td><td> liatris</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lady’s mantle</td><td> alchemilla</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lady’s slipper orchid</td><td> paphiopedilum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>larkspur</td><td> delphinium consolida</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lavender</td><td> lavandula</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lilac</td><td> syringa</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lily</td><td> lilium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lily of the valley</td><td> convallaria</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lisianthus</td><td> eustoma</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lobster claw</td><td> heliconia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>loose strife</td><td> lysimachia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>love lies bleeding</td><td> amaranthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>love-in-a-mist</td><td> nigella</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>lupin</td><td> lupinus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>marguerite</td><td> chrysanthemum frutescens</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>marigold</td><td> calendula</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>masterwort</td><td> astrantia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>michaelmas daisy</td><td> aster</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>mimosa</td><td> acacia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>monkshood</td><td> aconitum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>montbretia</td><td> crocosmia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>moth orchid</td><td> phalenopsis</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>mum</td><td> chrysanthemum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>obedient plant</td><td> physostegia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>ox-eye daisy</td><td> leucanthemum vulgare</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>painter’s palette</td><td> anthurium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>peony</td><td> paeonia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>peruvian lily</td><td> alstroemeria</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>pincushion protea</td><td> leucospermum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>plumed thistle</td><td> cirsium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>prairie gentian</td><td> lisianthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>prince of Wales feather</td><td> amaranthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>queen Anne’s lace</td><td> ammi</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>queen Fabiola lily</td><td> triteleia (syn brodiaea)</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>red-hot poker</td><td> kniphofia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>rose</td><td> rosa</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>safari sunset</td><td> leucadendron</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>safflower</td><td> carthamus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>scabious</td><td> scabiosa</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>scarlet plume</td><td> euphorbia fulgens</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>scorpion orchid</td><td> aranthera</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sea holly</td><td> eryngium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sea lavender</td><td> limonium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>september flower</td><td> aster</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>singapore orchid</td><td> dendrobium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>slipper orchid</td><td> paphiopedilum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>snake head</td><td> chelone</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>snapdragon</td><td> antirrhinum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sneezeweed</td><td> helenium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>snow berry</td><td> symphoricarpos</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>snow on the mountain</td><td> eurphorbia marginata</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>speedwell</td><td> veronica</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>spider orchid</td><td> arachnis</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>spray carnation</td><td> dianthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>spurge</td><td> euphorbia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>st john’s wort</td><td> hypericum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>star of bethlehem</td><td> ornithogalum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>statice</td><td> limonium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>stock</td><td> matthiola</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>stonecrop</td><td> sedum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sugarbush</td><td> protea</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sunflower</td><td> helianthus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sweet pea</td><td> lathyrus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sweet sultan</td><td> centaurea</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sweet William</td><td> dianthus barbatus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>sword lily</td><td> gladiolus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>tansy</td><td> tanacetum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>tazetta</td><td> narcissus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>thistle</td><td> eryngium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>tjenkenrientjee</td><td> ornithogalum</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>transvaal daisy</td><td> gerbera</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>tuberose</td><td> polianthes tuberosa</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>tulip</td><td> tulipa</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>Turban/French/Persian buttercup</td><td> ranunculus</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>turtle head</td><td> chelone</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>ulster mary</td><td> alstroemeria</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>waxflower</td><td> chamaelaucium</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>windflower</td><td> anemone</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>wormwood</td><td> artemesia</td><td>&nbsp;</td></tr>

<tr><td>sn.</td><td>yarrow</td><td> achillea</td><td>&nbsp;</td></tr>
</table>

Quick-fuzzy-search-jQuery.markdown

Quick fuzzy search jQuery

This script hides any element who's content doesn't match the words typed in the input field.

A Pen by Agustín Amenabar on CodePen.

License.

script.js

  var $elementList = $('#toSearchFor').find('tr');
  $('#searchInput').keyup(function(eve){
		  searchString=$(this).val().toLowerCase();
  searchArray=searchString.split(' ');
  var len = searchArray.length;
  $elementList.each(function(index,elem){
        $eleli = $(elem)
        $eleli.removeClass('hideThisLine');
        var oneLine = $eleli.text().toLowerCase()
        match = true,
        sal = len;
        while(sal--){
          if( oneLine.indexOf( searchArray[sal] ) == -1 ){
            match = false;
          }
        }
        if(!match){
          //console.log('this one is gets hidden',searchString);
          $eleli.addClass('hideThisLine');
        }
      });
      $('.dontShow').removeClass('dontShow');
      $('.hideThisLine').addClass('dontShow');
    });
  $('#clearSearch').click(function (e){
    $('#cBuscador').val('').keyup();
  });

style.scss

@import "compass";
td{
  padding:2px 4px;
}

.search{
  padding: 1em;
}

.dontShow{
  display:none;
}