記錄下url拼接的多條件篩選js


本着為提高工作效率百度或者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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM