记录下url拼接的多条件筛选js

最新推荐文章于 2023-07-31 09:59:19 发布

weixin_34221276

最新推荐文章于 2023-07-31 09:59:19 发布

阅读量326

点赞数

文章标签： php

原文链接：http://www.cnblogs.com/bieanju/p/5806640.html

版权

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