js产品按价格排序

本文由清尘发表于2018-01-11 15:59最后修改于2018-07-26属于jQuery分类

查看演示

JS代码:

$(function() {
    function sortPdlistPrice() {
        var sortArr = [],
            priceEle = $('#cate_list .price'),
            len = priceEle.length;

        priceEle.each(function() {
            sortArr.push(parseInt($(this).text().substring(1)));
        })
        //排序
        for (i = 1; i < sortArr.length; i++) {
            for (j = 0; j < sortArr.length - i; j++) {
                var temp = 0;
                if (sortArr[j] > sortArr[j + 1]) {
                    temp = sortArr[j];
                    sortArr[j] = sortArr[j + 1];
                    sortArr[j + 1] = temp;
                }
            }
        }
        $('#sortPrice').bind('click', function() {
            for (i = 0; i < sortArr.length; i++) {
                for (j = 0; j < len; j++) {
                    var curEle = $('#cate_list .price').eq(j);
                    if (sortArr[i] == curEle.text().substring(1)) {
                        curEle.parents("li").remove().appendTo("#cate_list");
                        break;
                    }
                }
            }
        })
    }

    sortPdlistPrice();

})