Invertir el orden en lista ul

[dannySmith]

Hola, tengo una duda y ya estuve buscando. Hay alguna manera de invertir una lista html con jquery, es decir:

Tengo una lista así:

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

Y quiero que se invierta:

<ul>
<li>4</li>
<li>5</li>
<li>6</li>
<li>1</li>
</ul>

Me imagino que con html no se puede, por eso busco alguna solución con javascript.

Gracias!

[quimfv]

Divide y venceras...

Primero debes leer esos datos y guardarlos en un array, reordenar el array y escribirlos de nuevo.

Tienes document.getElementByTagName que te da la coleccion de un tipo de tags.
Una vez los leas debes introducir su innerHTML en un array.
Luego usa .sort() para ordenar el array

Un ejemplo

//Sort numerically and descending:
var myarray=[25, 8, 7, 41]
myarray.sort(function(a,b){return b - a}) //Array now becomes [41, 25, 8, 7]

Luego accedes otra vez a la colección de li y cambias el innerHTML por el del array...


Algo asi.... (no lo he probado).

Código Javascript:

function ordenaLi(){
var arrayLis=new Array();
var coleccionLis=document.getElementByTagName("li");
for (var i=0;i<coleccionLis.length;i++){
    arrayLis[i]=parseInt(coleccionLis[i].innerHTML);
}
arrayLis.sort(function(a,b){return b - a});
for (var i=0;i<coleccionLis.length;i++){
    coleccionLis[i].innerHTML=arrayLis[i];
}
}