jQuery实现模糊查询
来源:互联网 发布:淘宝怎么看下单排名 编辑:程序博客网 时间:2024/05/17 01:18
今天做了一个类似从QQ群组选出成员的功能,要求能对群里面已有的成员实现模糊查询,但是后台接口不支持模糊查询,所以干脆在前台进行模糊查询,让能匹配到的群组成员显示,不能匹配的成员进行隐藏来达到模糊查询的效果。
下面是我的代码:
// 模糊搜索function query(){if($.trim($("#queryCondition").val()).length == 0){$(".unchoice_li").show();}else{$(".unchoice_li") .hide() .filter(":contains('"+$("#queryCondition").val()+"')") .show();}}
如果查询条件不为空,首先让全部成员不可见,再过滤出匹配的成员并让其显示出来。
下面是jQuery官网截出来的,解释的很清楚。
一、filter()方法:filter() 方法将匹配元素集合缩减为匹配指定选择器的元素
$('li').filter(':even').css('background-color', 'red');此调用的结果是将项目 1, 3, 5 的背景设置为红色,这是因为它们都匹配选择器(回忆一下,:even 和 :odd 均使用基于 0 的 index)。
使用过滤函数
使用该方法的第二个形式是,通过函数而不是选择器来筛选元素。对于每个元素,如果该函数返回 true,则元素会被包含在已筛选集合中;否则,会排除这个元素。
请看下面这段稍显复杂的 HTML 片段:
<ul> <li><strong>list</strong> item 1 - one strong tag</li> <li><strong>list</strong> item <strong>2</strong> - two <span>strong tags</span></li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> <li>list item 6</li></ul>
我们可以选取这些列表项,然后基于其内容来筛选它们:
$('li').filter(function(index) { return $('strong', this).length == 1;}).css('background-color', 'red');
0 0
- jQuery实现模糊查询
- jQuery autoComplete实现模糊查询
- jQuery实现的模糊查询
- jquery 查找类似autoComplete 实现模糊查询
- jQuery 实现 select模糊查询 反射机制
- 使用jQuery实现实时模糊查询功能
- jquery实现根据控件属性模糊查询
- jquery的模糊查询
- jquery模糊查询
- jquery模糊查询
- c#+jquery-autocomplete实现类似百度,Google模糊查询
- jQuery实现对表格内容的模糊查询
- c#+jquery-autocomplete实现类似百度,Google模糊查询
- jquery easyui实现汉字拼音首字母模糊查询
- jquery实现下拉选的模糊查询功能
- react表格实现以及jquery实时模糊查询
- 实现WINFORM模糊查询
- DropDownList 实现模糊查询
- Hive总结(八)Hive数据导出三种方式
- WPF对ListView的ListViewItem添加双击事件
- Java中&与&&,|与||的区别
- js弹出输入框,输入并保存值
- 单例模式
- jQuery实现模糊查询
- 了解IL代码
- 制作win7 64 位U 盘启动盘
- BZOJ 3251: 树上三角形
- 破解之路
- Android 微信分享,无需那么麻烦。
- 《深入理解Flash Player的安全域(Security Domains)》(下)
- 注脚框架-AndroidAnnotations
- 启动SOA Suit 12c server