Альтернатива кода JQuery на чистом JavaScript

// $("#my-search-input").keyup(function () { 
document.getElementById('my-search-input').onkeyup = function(e) { 
 
  // var search = $(this).val(); 
  var search = e.target.value; 
 
  // $(".my-list") 
  document.querySelectorAll('.my-list').forEach(function(elem) { 
    // .children() 
    for (let child of elem.children) { 
      // .show() 
      child.style.display = ''; 
    } 
  }); 
 
  // $('.noresults') 
  document.querySelectorAll('.noresults').forEach(function(elem) { 
    // .remove() 
    elem.remove(); 
  }); 
 
  // if (search) { 
  if (search) { 
    // $(".my-list") 
    document.querySelectorAll('.my-list').forEach(function(elem) { 
      // .children() 
      for (let child of elem.children) { 
        // .not(":containsNoCase(" + search + ")") 
        if (!containsNoCase(child, search)) { 
          // .hide() 
          child.style.display = 'none'; 
        } 
      } 
    }); 
  } 
 
  // $(".my-list").each(function() { 
  document.querySelectorAll('.my-list').forEach(function(elem) { 
 
    // if ($(this).children(':visible').length == 0)  
    if (!elem.offsetHeight) { 
      // $(this).append('<tr class="noresults"><td colspan="3"><em>No Results</em></td></tr>'); 
      elem.insertAdjacentHTML('beforeend', '<tr class="noresults"><td colspan="3"><em>No Results</em></td></tr>'); 
    } 
  }); 
} 
 
// $.expr[":"].containsNoCase = function(el, i, m) { 
var containsNoCase = function(el, search) { 
  // if (!search) return false; 
  if (!search) return false; 
  // return new RegExp(search, "i").test($(el).text()); 
  return new RegExp(search, 'i').test(el.textContent); 
};

input { 
  padding: 10px 8px; 
  width: 300px; 
} 
 
table { 
  background-color: lightgrey; 
  margin: 24px 0; 
  text-align: left; 
  width: 100%; 
} 
 
th { 
  background-color: darkgrey; 
} 
 
th, 
td { 
  padding: 4px 8px; 
}

<section> 
  <input id="my-search-input" type="text" placeholder="Search list" /> 
  <div class="something"> 
    <table> 
      <thead> 
        <tr> 
          <th>Name</th> 
          <th>2nd column</th> 
          <th>3rd column</th> 
        </tr> 
      </thead> 
      <tbody class="my-list"> 
        <tr> 
          <td>Lorem ipsum</td> 
          <td>123</td> 
          <td>Right</td> 
        </tr> 
        <tr> 
          <td>Dolor sit</td> 
          <td>100</td> 
          <td>Wrong</td> 
        </tr> 
      </tbody> 
    </table> 
  </div> 
  <div class="something"> 
    <table> 
      <thead> 
        <tr> 
          <th>Name</th> 
          <th>2nd column</th> 
          <th>3rd column</th> 
        </tr> 
      </thead> 
      <tbody class="my-list"> 
        <tr> 
          <td>Element</td> 
          <td>321</td> 
          <td>Something</td> 
        </tr> 
        <tr> 
          <td>More elements</td> 
          <td>444</td> 
          <td>Cowabunga</td> 
        </tr> 
        <tr> 
          <td>boom</td> 
          <td>yo</td> 
          <td>enough</td> 
        </tr> 
      </tbody> 
    </table> 
  </div> 
</section>