HTML5 Data Attribute Sort

I'd like to 开发者_Go百科sort DOM elements that has data attributes defined for rating and date. What is the best way to implement sorting on the front-end with jQuery?

Sample code can be seen on: http://jsfiddle.net/gercheq/zhqXd/

Here is the desired functionality implemented with tables: http://tablesorter.com/docs/

Thanks,

---

There is a cool jQuery plugin that sorts DOM elements by attribute. You can find it here: http://tinysort.sjeiti.com/

Example implementation: http://jsfiddle.net/statico/JNFFj/7/

---

Here is the basic idea...

var sortedSet = $('#sort li').toArray().sort(function(a, b) {
   return $(a).data('rating') - $(b).data('rating');
});

You select the elements, convert them to a proper array, and then sort (the comparison function I used is an example, change it to suit your requirements).

jsFiddle with lowest button.