如何使用jQuery根据用户输入过滤API值

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<input type="text" id="filterInput" placeholder="输入关键词进行过滤">
<ul id="apiList"></ul>

$(document).ready(function() {
  $('#filterInput').on('input', function() {
    var filterValue = $(this).val().toLowerCase(); // 获取输入框的值并转为小写
    $('#apiList li').each(function() {
      var apiValue = $(this).text().toLowerCase(); // 获取每个API值并转为小写
      if (apiValue.indexOf(filterValue) > -1) {
        $(this).show(); // 匹配成功，显示API值
      } else {
        $(this).hide(); // 匹配失败，隐藏API值
      }
    });
  });
});

$(document).ready(function() {
  var apiData = [
    "API值1",
    "API值2",
    "API值3",
    // 其他API值...
  ];

  var apiList = $('#apiList');
  $.each(apiData, function(index, value) {
    apiList.append('<li>' + value + '</li>');
  });
});