模仿百度空格间隔搜索,匹配选择项目

模仿百度空格搜索,匹配选择项目

// 搜素体检中心
            $("#button").click(function () {
                var list = document.getElementsByTagName("li");
                var searchVal = $(":text").val().trim();
                searchVal = searchVal.split(" ");
                for (var i = 0; i < list.length; i++)
                {
                    var show_tag=0;
                    for (var j = 0; j < searchVal.length; j++)
                    {
                        if (list[i].childNodes[5].innerText.indexOf(searchVal[j]) < 0)
                        {
                            show_tag=0;
                            break;
                        }else{
                            show_tag=1;
                        }
                    }
                    if(show_tag==1){
                        list[i].style.display = "block";
                    }else{
                        list[i].style.display="none";
                        // continue;
                    }
                }
            });
  

  

posted on 2016-01-15 16:07  立志大灰郎  阅读(342)  评论(0编辑  收藏  举报

导航