jquery :contains函数用于页面模糊搜索

   最近在做公司的组织结构树,用的是jquery.treeview插件。

   如果公司的组织结构比较庞大,就需要个功能用于搜索,不然每次树展开就会很大,不利于观看。

   由于本人页面前端javasript技术不是很扎实,所以一遇到困难我就选择用后台java代码去处理了。花了大概快一天的时间吧,最后终于完成了。心里暗暗美了一阵。

   最后拿给头看了下,心里还在窃窃美呢。。过了会,头发给了我一个jquery.treeview.modified文件。上面只用不到20行的js代码就搞定。

   那几行代码也没有什么特别的,用到最主要的一个jquery方法就是:contains方法。

   该函数可用判断给定jquery对象的文本里面是否含有某些字符,用了它在页面上就可以做类似的模糊查询了。

 

   比如:

    $('#tree a:contains("命中")')表示是文本里面含有“命中”;

    $('#tree a:not(:contains("未命中"))')表示的是文本里面没有包含”未命中“;

 

 

jquery这个“选择器”的确很强大。

你可能感兴趣的:(jquery)