JSFiddle - React, Tailwind, and code Playground

by adeneo

HTML

<input type="text" id="div_search" />


<div class="ticker_list">
    <div search_term="all the children">children</div>
    <div search_term="shit happens">shit</div>
    <div search_term="cats are cool">cats</div>
    <div search_term="the world is a marble">marble</div>
</div>

CSS

.ticker_list > div {display: none; }

JavaScript

$('#div_search').on('keypress', function(){
       var search_term = this.value,
           elems = document.getElementsByClassName('ticker_list')[0].children;
       for (i=0; i<elems.length; i++) {
           var search_value = elems[i].getAttribute('search_term');
           elems[i].style.display = (search_value.indexOf(search_term) != -1?'block':'none');
       }
});