firefox使用技巧(1)——对网页列表排序

firefox使用技巧(1)——对网页列表排序(含视频)

firefox使用技巧(1)——对网页列表排序

---

1. jQuery

var sortlist = function(list, key, asc){

    asc = typeof asc !== 'undefined' ? asc : true

    $(list).html(function(){

        return $(this).children().sort(function(x, y){

            return [x, y].map(function(e){

                return parseInt($(key, e).text().replace(/[^-+0-9.]/g, ''))

            }).reduce(function(i, j){

                return asc ? i-j : j-i

            })

        })

    })

}



var clicksort = function(btn, list, key){

    $(btn).unbind('click').click(function(){

        var asc = $(this).attr('asc') == 'true' ? true : false

        sortlist(list, key, !asc)

        $(this).attr('asc', !asc)

        return false;

    })

}

 

2. Examples

• http://www.cnblogs.com/

clicksort("#logo img", "#post_list", ".diggnum")

• http://movie.youku.com/top/ (需要首先运行一下firequery)

clicksort(".logo img" , "#m13070668983 tbody" , ".pub")

• http://stackoverflow.com

clicksort('#hlogo', '#question-mini-list', '.votes .mini-counts')

• http://stackexchange.com/leagues/1/week/stackoverflow

clicksort('.contentWrapper', '#leagueUserList', '.number:nth(1)')

3. Screencast