jQuery排序失败

我有以下html结构(无尽的):

   
 Its block 3
      
3
   



   
 Its block 2
      
2
   

我想通过单击这样的按钮对其进行排序:

   
 Its block 2  <--- new order
      
2
 <--- new order
   



   
 Its block 3  <--- new order
      
3
 <--- new order
   

...但是我的脚本不起作用(因为同样的div类名,我想？).那么,我该如何对此排序并按最高数量和最低数量切换排序？有谁能够帮我？

function sortHigh(a, b) {
    var date1 = $(a).find(".content .number").text()
    var date2 = $(b).find(".content .number").text();

    return $(a).find(".content .number").text() > $(b).find(".content .number").text();
};

function sortLow(a, b) {
    var date1 = $(a).find(".content .number").text()
    var date2 = $(b).find(".content .number").text();

    return $(a).find(".content .number").text() < $(b).find(".content .number").text();
};


//how to toggle?
$(function () {
    $('.sort').click(function () {
        $('.content').sort(sortHigh).appendTo('.wrapper');
    }, function () {
        $('.content').sort(sortLow).appendTo('.wrapper');
    });
});

这是我的不好尝试:小提琴

尝试用这个改变你的代码: -

var toggle="high";
//how to toggle?
$(function(){
 $('.sort').click(function () {
    if (toggle == "high") {            
        toggle = "low";
        $('.list').html($('.list .wrapper').sort(sortLow));
    } else {          
        toggle = "high"
        $('.list').html($('.list .wrapper').sort(sortHigh));
    }
  });
});

演示