js实现页面内检索

js实现页面内检索

核心思路：

1、隐藏所有元素

2、显示包含检索条件文本的元素

js代码：

//按城市检索
			   $("#btn_search").click(function(){
					var txt=$("#city").val();
			      if($.trim(txt)!=""){
			    	//所有的省份隐藏，并显示包含检索内容的省份模块显示
			        $(".province_ul").hide().filter(":contains('"+txt+"')").show();
			      }else{
			        $(".province_ul").show();
			      }
					
				});
				
				//重置
				$("#btn_reset").click(function(){
					$("#city").val("");
					$(".province_ul").show();
				})