如何通过使用jQuery搜索子对象中的内容来隐藏父对象

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<div class="parent">
  <input type="text" class="search-input" placeholder="搜索">
  <ul class="child">
    <li>子对象1</li>
    <li>子对象2</li>
    <li>子对象3</li>
  </ul>
</div>

$(document).ready(function() {
  $('.search-input').on('input', function() {
    var searchText = $(this).val().toLowerCase(); // 获取搜索框中的文本并转为小写
    $('.child li').each(function() {
      var childText = $(this).text().toLowerCase(); // 获取子对象的文本并转为小写
      if (childText.indexOf(searchText) === -1) { // 判断子对象文本中是否包含搜索文本
        $(this).hide(); // 隐藏不匹配的子对象
      } else {
        $(this).show(); // 显示匹配的子对象
      }
    });
  });
});