JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

<input id="txt" value="" />

<div class="link-item">jK</div>
<div class="link-item">JFOO</div>
<div class="link-item">Jdoodle</div>
<div class="link-item">jQuery is the shit!</div>

JavaScript

$.extend($.expr[':'], {
  'containsi': function(elem, i, match, array) {
    return (elem.textContent || elem.innerText || '').toLowerCase()
        .indexOf((match[3] || "").toLowerCase()) >= 0;
  }
});

$('#txt').keyup(function() {
    var query = $(this).val();
    $("div.link-item")
        .hide()
        .filter(':containsi("' + query + '")')
        .show();
});