JSFiddle - React, Tailwind, and code Playground
HTML
<div class="multiple-selector-wrapper msw-search-un">
<div class="multiple-selector-table">
<div class="ms-search-label">
<input class="ms-search" autofocus />
</div>
<div class="ms-list">
<div class="multiple-selector-table-row">
<div class="ms-column">VALUE 1</div>
</div>
<div class="multiple-selector-table-row">
<div class="ms-column">value 1</div>
</div>
<div class="multiple-selector-table-row">
<div class="ms-column">VaLuE 1</div>
</div>
</div>
</div>
</div>
CSS
.multiple-selector-table-row {
border-bottom: 1px solid black;
padding: 5px;
}
JavaScript
var $this = $('.multiple-selector-wrapper');
$('.ms-search').keyup(function(event){
var value = $(this).val();
$this.find('.multiple-selector-table-row').hide();
$this.find('.ms-column:contains("' + value + '")').parents('.multiple-selector-table-row').show();
});