使用jQuery在当前页面中搜索

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

<input type="text" id="searchInput" placeholder="输入关键字进行搜索">

$(document).ready(function() {
  $('#searchInput').on('input', function() {
    var keyword = $(this).val().toLowerCase(); // 获取输入框的值并转为小写
    $('.searchable').each(function() {
      var text = $(this).text().toLowerCase(); // 获取元素的文本内容并转为小写
      if (text.indexOf(keyword) !== -1) {
        $(this).show(); // 匹配到关键字，显示元素
      } else {
        $(this).hide(); // 未匹配到关键字，隐藏元素
      }
    });
  });
});

<p class="searchable">这是一个可搜索的元素。</p>