EE Bootstrap Pagination

EE Bootstrap Pagination

by japaneselanguagefriend

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<ul class="pagination">
    
    <a href="http://23.81.27.98/~kbs/blog/P6">2</a>&nbsp;
    <a href="http://23.81.27.98/~kbs/blog/P12">3</a>&nbsp;
    <a href="http://23.81.27.98/~kbs/blog/P6">&gt;</a>&nbsp;&nbsp;
    &nbsp;<strong>1</strong>&nbsp;
   	
    
</ul>

JavaScript

$(function() {
   
    $('.pagination').children('a').wrap('<li><span></span></li>');
    
    $('.pagination').children('strong').wrap('<li class="active"><span>');
   
    var items = $('.pagination li').get();

    items.sort(function(a, b) {
        var valueA = $(a).find("span").text();
        var valueB = $(b).find("span").text();

        if (valueA < valueB) return -1;
        if (valueA > valueB) return 1;
        return 0;
    });
    // clear the list and re-add sorted items on button click 
    $(".pagination").empty().append(items);
    
});