如何使仅显示包含搜索单词的框 - jQuery

How to make appear only boxes which contain the searched word - jQuery

本文关键字:jQuery 单词 搜索 何使仅 显示 包含      更新时间:2023-09-26

我分享了我的屏幕截图,我希望当我写一个关键字时,例如"用户",只有包含"user"的框出现,另一个消失。

我需要整个解释。这只是一个静态的html单页网站,没有任何PHP或服务器端。只是想知道这种"过滤"是否可行以及如何进行。

在此处输入图像描述

我认为您应该从这样的东西开始搜索:

$( "containerClass" ).each(function() {
  var txt =$( this ).text();
  if( txt.includes(searchTerm))
  {$( this ).show();}
  else{$( this ).hide();}
});

请记住,包含区分大小写。