Atributo de datos HTML5 Ordenar

Question

Me gustaría ordenar elementos DOM que tengan atributos de datos definidos para la calificación y la fecha. ¿Cuál es la mejor manera de implementar la ordenación en el front-end con jQuery?

Muestra de código puede ser visto en: http://jsfiddle.net/gercheq/zhqXd/

Aquí es la funcionalidad deseada implementado con tablas: http://tablesorter.com/docs/

Gracias,

Answer 1

Aquí es la idea básica ...

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

Seleccione los elementos, conviértalos en una matriz adecuada y luego clasifique (la función de comparación que utilicé es un ejemplo, cámbiela t o se adapte a sus necesidades).

jsFiddle with lowest button.

Answer 2

Hay un plugin jQuery genial que ordena elementos DOM por atributo. Lo puedes encontrar aquí: aplicación http://tinysort.sjeiti.com/

Ejemplo: http://jsfiddle.net/statico/JNFFj/7/