JSFiddle - React, Tailwind, and code Playground

by OwenMelbz

HTML

<script src="http://atmoshare.com/js/jquery.listAttributes.js"></script>
<div id="filter">facebook</div><div class="submit">search</div>
<div class="ib-main">
<a data-name="food" data-tags="food,picture,facebook,Potter,Potter2" data-type="picture" data-id="1" href="javascript:void(0)" class="ib-image"><img style="width:210px;height:210px;" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/580673_10151611948095714_603925713_24333449_520912757_n.jpg" alt="food"><span class="tilename">food</span></a>
<a data-name="shrooms" data-tags="food,pictures" data-type="picture" data-id="2" href="javascript:void(0)" class="ib-image"><img style="width:210px;height:210px;" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/463001_10151577899305352_840415351_24054083_1920179592_o.jpg" alt="shrooms"><span class="tilename">shrooms</span></a>
<a data-name="beard" data-tags="food,picture,facebook,beard" data-type="picture" data-id="15" href="javascript:void(0)" class="ib-image"><img style="width:210px;height:210px;" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/392662_10150994875170714_603925713_22134228_657496071_n.jpg" alt="beard"><span class="tilename">beard</span></a>
<a data-name="food" data-tags="food,picture,facebook,Potter,Potter2" data-type="picture" data-id="11" href="javascript:void(0)" class="ib-image"><img style="width:210px;height:210px;" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/294543_10150883166990714_603925713_21544161_1134441450_n.jpg" alt="food"><span class="tilename">food</span></a>
<a data-name="muzzie" data-tags="food,picture,facebook,Potter,Potter2" data-type="picture" data-id="13" href="javascript:void(0)" class="ib-image"><img style="width:210px;height:210px;" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/300808_10150767443650714_603925713_20584911_7032315_n.jpg" alt="muzzie"><span class="tilename">muzzie</span></a> 
</div>

<div id=""></div>

JavaScript

$(document).ready(function() {

    $('.submit').live('click', function() {
        $('.ib-main a').show();
        var filter = prompt("filter?");
        filter = filter.toLowerCase();
        $('.ib-main a').each(function() {
            var tile = $(this)[0].outerHTML.toLowerCase();
            search = tile.indexOf(filter);
            if (search === -1){
                $(this).hide();
            }
        });
        return false;
    });
    
});