JSFiddle - React, Tailwind, and code Playground

by QW01_01

HTML

<input type="text" id="filter">
    <ul class="searchable">
        <li>Тест</li>
        <li>Т ест</li>
        <li>Тес-т</li>
        <li>ТТест"</li>
    </ul>

CSS

.searchable li{
    display:none;
}

JavaScript

$('#filter').keyup(function () {

    var rex = new RegExp('.*(' + $(this).val()+')+.*', 'i');
    $('.searchable li').hide();
    $('.searchable li').filter(function () {
        return rex.test($(this).text().replace(/[^\wа-яё]+/gi, ""));
    }).show();
    
})