JSFiddle - React, Tailwind, and code Playground

by Nesar Uddin

HTML

<input type='text' id='filter'>
<div class="size" data-size="small">small tee</div>
<div class="size" data-size="small medium">small medium tee</div>
<div class="size" data-size="small medium tee">small medium tee</div>
<div class="size" data-size="small">small tee</div>
<div class="size" data-size="medium large">medium large tee</div>
<div class="size" data-size="medium large">medium large tee</div>

JavaScript

$("#filter").keyup(function(){
	var selectSize = $(this).val();
  filter(selectSize);
});
function filter(e) {
    var regex = new RegExp('\\b\\w*' + e + '\\w*\\b');
    		$('.size').hide().filter(function () {
        return regex.test($(this).data('size'))
    }).show();
}