Jquery Javascript cómo ordenar una lista basada en el número dentro de cada LI.span

Question

http://jsfiddle.net/nicktheandroid/2uMjv/

Estoy tratando de ordenar la lista de LI de base en el número que está en el lapso dentro de cada LI. He visto complementos que pueden hacer esto pero eso no es lo que quiero.

¿Alguien me puede mostrar cómo ordenarías una lista simple como mencioné anteriormente? Realmente no tengo ni idea de por dónde empezar, no sé si es complejo o simple.

Answer 1

Comprobar http://jsfiddle.net/2uMjv/7/.

Answer 2

hay que rellenar una matriz con todos los elementos <li>, clasificar esta matriz mediante sort(), a continuación, añadir la lista empty()append() los elementos ordenados.

Algo como esto:

// store the li items 
var items = $('ul 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 
$("ul").empty().append(items); 

jsFiddle example here