如何只显示包含搜索词的框 - jQuery

时间:2016-07-11 12:17:05

标签: javascript jquery twitter-bootstrap search

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

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

enter image description here

1 个答案:

答案 0 :(得分:2)

我觉得你应该用这样的东西开始你的搜索:

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

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