javascript - 关键字输入javascript的狭窄列表
问题描述
我有链接列表:
<p>Use our search bar to narrow the list.</p>
<input id="sitemap-search" placeholder="Type to narrow list"><br>
<a class="sitemap" href="/49/brown-zircon-gemstones/s/1/round">ROUND BROWN ZIRCON GEMSTONES</a><br>
<a class="sitemap" href="/49/brown-zircon-gemstones/s/2/cushion">CUSHION BROWN ZIRCON GEMSTONES</a><br>
<a class="sitemap" href="/49/brown-zircon-gemstones/s/3/oval">OVAL BROWN ZIRCON GEMSTONES</a><br>
<a class="sitemap" href="/49/brown-zircon-gemstones/s/4/emerald-cut">EMERALD-CUT BROWN ZIRCON GEMSTONES</a><br>
和一点javascript:
$('#sitemap-search').on('keyup',function(){
var keys = $(this).val();
$.each($('.sitemap'),function(i,item){
console.log($(item).text());
if(!keys.toUpperCase().indexOf( $(item).text() )){
$(item).hide();
} else {
$(item).show();
}
});
});
我想要完成的是根据关键字输入缩小链接列表。
所以如果你输入 cu,它应该隐藏其他两个链接
有人想帮我吗?谢谢!
解决方案
得到它:
$('#sitemap-search').on('keyup',function(){
var keys = $(this).val();
$.each($('.sitemap'),function(i,item){
if($(item).text().search( keys.toUpperCase() ) > -1){
$(item).show();
} else {
$(item).hide();
}
});
});
推荐阅读
- html - socket.io 在 node.js html 客户端挂起
- javascript - 如何在带有传单的地图中删除或不显示标记?
- python - Python是否可以将元组坐标存储在嵌套字典中并从嵌套字典中的单个字典访问单个坐标?
- php - Imagick 不添加元数据 PHP
- powershell - 如何检查任务是否在我的用户上运行?
- azure - 如何在 azure function v1 中使用最新的 SharePoint PnP Core Online
- python - 我正在尝试在页面上显示某些项目,但我的 if 语句有问题
- typescript - Studio Code - 关闭自动删除空格
- c++ - 我如何在 C++ 中使用 Cin 在 1 行中输入?
- movilizer - 如何在 Movlet 表单视图中显示 mysql(longblob 类型字段)的图像