码迷,mamicode.com
首页 > 其他好文 > 详细

给输入框添加自动检索的功能

时间:2017-07-19 17:44:17      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:否则   level   包含   src   ++   basic   匹配   span   isp   

PS:思想是获取输入框的值,然后与下面的值进行对比,如果匹配到了就 show;否则就display:none

技术分享

 

 

$("#basic-14").on("keyup",function(){
//按键起来以后获取值
var val = $("#basic-14").val();
//var arrs = $(".l-body >span");
//alert(arrs.size());
//var arrs1 = $(":not(.l-tree .l-body >span:contains("+val+"))");
//var arrs1 = $(".l-box-select-inner>.l-tree >li[outlinelevel=‘1‘]");

//alert($(arrs1[0]).html());
var arrs1 = $(".l-box-select-inner>.l-tree >li[outlinelevel=‘1‘]:not(:contains("+val+"))");///获取没有包含val的标签
var arrs2 = $(".l-box-select-inner>.l-tree >li[outlinelevel=‘1‘]:contains("+val+")");///获取没有包含val的标签
for(var i=0;i<arrs1.size();i++)
{
$(arrs1[i]).attr("style","display:none");
}
for(var i=0;i<arrs2.size();i++)
{
$(arrs2[i]).attr("style","display:show");
}
});

给输入框添加自动检索的功能

标签:否则   level   包含   src   ++   basic   匹配   span   isp   

原文地址:http://www.cnblogs.com/bee-home/p/7206683.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!