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();
				})