高级键盘上的jQuery搜索过滤器
高级键盘上的jQuery搜索过滤器
提问于 2019-08-18 17:05:50
我有一个有很多李列表的网页。我想用多个单词过滤。当我键入键盘上的搜索字段时。使用%添加条件。
这是我的
- 列表 catA -阿拉斯加- item1 - subcat1 catB - item2 - subcat3 catA -阿拉斯加- item1 - subcat1 catC -加利福尼亚- item3 - subcat1 catB -阿拉斯加- item1 - subcat1 我使用这段代码来过滤项目。 $("#search").on("keyup"，函数(){ var值= $(this).val().toLowerCase()；$(".class li“).filter(函数(){.class>-1 })；})； 搜索查询 cata%ala%cat1% 预期结果
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-08-18 17:15:52
你可以这样做：
$("#search").on("keyup", function() {
var value = $(this).val().toLowerCase().trim();
var v = value.split("%");
$(".list li").each(function(j,k) {
var s = true;
$.each(v, function(i, x) {
if (s) {
s = $(k).text().toLowerCase().indexOf(x) > -1;
}
});
$(this).toggle(s);
});
});Demo
$("#search").on("keyup", function() {
var value = $(this).val().toLowerCase().trim();
var v = value.split("%");
$(".list li").each(function(j,k) {
var s = true;
$.each(v, function(i, x) {
if (s) {
s = $(k).text().toLowerCase().indexOf(x) > -1;
}
});
$(this).toggle(s);
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="search" type="text" name="">
<ul class="list">
<li>
<p>catA - Alaska - item1 - subcat1</p>
</li>
<li>
<p>catB - Arizona - item2 - subcat3</p>
</li>
<li>
<p>catA - alaska - item1 - subcat1</p>
</li>
<li>
<p>catC - california- item3 - subcat1</p>
</li>
<li>
<p>catB - alaska - item1 - subcat1</p>
</li>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57546674
复制相关文章
相似问题
腾讯云开发者
