如何使仅显示包含搜索单词的框 - jQuery
How to make appear only boxes which contain the searched word - jQuery
我分享了我的屏幕截图,我希望当我写一个关键字时,例如"用户",只有包含"user"的框出现,另一个消失。
我需要整个解释。这只是一个静态的html单页网站,没有任何PHP或服务器端。只是想知道这种"过滤"是否可行以及如何进行。
在此处输入图像描述
我认为您应该从这样的东西开始搜索:
$( "containerClass" ).each(function() {
var txt =$( this ).text();
if( txt.includes(searchTerm))
{$( this ).show();}
else{$( this ).hide();}
});
请记住,包含区分大小写。
相关文章:
- 如何使用jquery强制一个单词更改大小写等以保留品牌
- 拆分单词jquery
- 使用jQuery检查提交时添加到句子中的单词
- 当两个单独的单词被放在目标上时,使用Jquery获取一个值
- 使用jQuery更改字母和单词间距
- Javascript/jQuery替换tamil语言输入框中的最后一个单词
- 类别自动完成jQuery中的单词级自定义筛选器,而不是子字符串
- 如何使用jquery查找单词匹配
- 突出显示jQuery中单词之间的空格
- PHP jQuery使用多个单词传递值
- jQuery 验证输入文本是否仅接受数字、单词或日期
- 要求文本字段包含特定的单词,使用jquery
- 使用jQuery在p-tag中查找给定字符串的前10个单词和下10个单词
- 使jQuery自动完成功能适用于多个单词(“跳过”一个单词)
- JQuery在链接的静态页面中搜索,突出显示找到的单词,而不破坏列表
- 使用jquery或JS查找文本区域内的所有单词位置
- 如何使用javascript或jquery从字符串中收集相同的单词
- 如何在jquery中停止这种限制单词的奇怪事情
- jquery单词计数器的输入编码问题
- 寻找多个Jquery单词js