JSFiddle - React, Tailwind, and code Playground

HTML

<input id="search_field" type="text" placeholder="Search">

<div id = "container">
    <div id = "abc" class = "box">
        ABC        
    </div>
    <div id = "cde" class = "box">
        CDE
    </div>
    <div id = "efg" class = "box">
        EFG
    </div>    
</div>

CSS

.box {
    border:5px solid black;
    margin:5px;
    width: 20%;
}

JavaScript

function hide_divs(search) {
    $("#container > div").hide(); // hide all divs
	$('#container > div[id*="'+search+'"]').show(); // show the ones that match
}

$(document).ready(function() {
	$("#search_field").keyup(function() {
		var search = $.trim(this.value);
		hide_divs(search);
	});
});