Jquery 如何按高度和宽度对html元素进行排序？

我想按高度和宽度对我的

html

元素进行排序，以便高度和宽度值最高的元素位于顶部。我已经可以按高度对元素进行排序了，这是JSFIDLE中的特色。但我无法使用对div元素进行排序

“宽度较小，但高度与中等”

代码如下：

$（'div.sortable'）.sort（函数（a，b）{
返回$（b）.height（）-$（a）.height（）；
}).appendTo（“#container”）
.small{
高度：100px；
背景颜色：蓝色；
宽度：200px；
}
.中等{
高度：250px；
背景色：红色；
宽度：400px；
}
.大{
高度：200px；
背景颜色：绿色；
宽度：300px；
}
.小{
高度：250px；
背景颜色：紫色；
宽度：200px；
}

小的
宽度较小，但高度与中等
中等
大的

在这里，我优先考虑高度，然后是宽度

访问我创建的完整解决方案

在这里，我优先考虑高度，然后是宽度

请访问我创建的完整解决方案
高度
或
宽度
。。哪个优先级更高？
高度
或
宽度
。。哪一个优先级更高？
$('div.sortable').sort( function(a,b) {
   return $(b).height() - $(a).height() || $(b).width() - $(a).width();;
}).appendTo('#container');