本着為提高工作效率百度或者google這些代碼發現拿過來的都不好用,然后自己寫了個,寫的一般但記錄下以后再優化
<html> <head> <script> $(function(){ /* bieanju原創多條件篩選 */ $('.filter').click(function(){ var name = $(this).attr('data-name'); var value = $(this).attr('value'); var url = window.location.href; var jump_url; /* 無參數正常跳轉 */ if(typeof(name) == "undefined" || typeof(value) == "undefined"){ window.location.href = url; return false; } /* 如果當前地址不是以"/"結束追加 */ if((url.charAt(url.length-1) == "/") == false){ url += "/"; } if(url.indexOf(name) > 0){ var data = url.split('/'); for(i in data){ if(data[i] == name){ data[parseInt(i)+parseInt(1)] = value; } } jump_url = data.join("/"); }else{ jump_url = url+name+"/"+value+"/"; } window.location.href = jump_url; return false; }) }) </script> </head> <body> 條件一:<a href="http://www.test.com/catid/1" data-name="catid" value="1"> 企業</a><a data-name="catvalue" value="2" href="http://www.test.com/catid/1" >商城</a> 條件二:<a href="http://www.test.com/price/100-200" data-name="price" value="100-200"> 100-200</a><a data-name="price" value="200-300" href="http://www.test.com/price/1" >200-300</a> 條件三:<a href="http://www.test.com/star/1" data-name="star" value="1"> 一星</a><a data-name="star" value="2" href="http://www.test.com/star/1" >二星</a> </body> </html>