Javascript problema al mover elementos y luego obtener su orden

[jugokus]

Buen día, les comento mi problema, tengo un JavaScript que hace que una lista <ul> sea sorteable (mover verticalmente los <li>), a la hora de guardar a la base de datos recorro todos los <li> del <ul>, creo una cadena JSON y llega a php, guarda y todo perfecto, el problema es que cuando muevo los elementos de la lista no guardan el orden que tienen actualmente, ejemplo

Lista inicial

Código HTML:

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

lista después de mover sus elementos

Código HTML:

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

Cuando creo la cadena JSON después de mover sus elementos debería devolverme 3,1,2, pero no lo hace y me da un orden diferente

¿Cómo puedo arreglar esto? ¿Existe alguna forma de resetear el DOM para que el <ul> tenga en cuenta que su primer <li> ahora es 3 y no 1?

Gracias

[alexg88]

Pero, ¿como has hecho el sortable? Con algun plugin de javascript o con javascript puro.

[jugokus]

Pero, ¿como has hecho el sortable? Con algun plugin de javascript o con javascript puro.

Con el jquery, pues el DOM es el DOM no? simplemente cambia de orden los nodos...

¿Que solución se les ocurre?

[jugokus]

¿alguien sabe como se puede solventar esto?

[alexg88]

Aporta algún dato más, como el código HTML y Javascript, para ver porque te falla.

[jugokus]

Bueno, lo he logrado, les dejo la solución

Código HTML:

		var listaOrden;

Declaramos la variable global listaOrden

Código HTML:

		function ordenActual(){
			listaOrden = new Array();
			var contenedor = $('ul');
			var primero = contenedor.firstElementChild;
			listaOrden.push(primero);
			getNext(primero);
		}

Luego la función ordenActual, limpia la variable listaOrden, obtiene la referencia del ul, saca el primer elemento, lo agrega a listaOrden y llama a la función getNext

Código HTML:

		function getNext(element){
			if(element.nextElementSibling){
				listaOrden.push(element.nextElementSibling);
				getNext(element.nextElementSibling);
			}
		}

La función recursiva getNext busca el elemento siguiente, si existe lo agrega a la variable global listaOrden

Con eso se puede obtener el orden del DOM actual, no sé si sea la forma correcta pero es funcional, espero que les sirva

Saludos.

[alexg88]

Si usas jquery, por que no lo usas para esto también.

Si estás usando el plugin de JQuery UI Sortable, este tiene un método que te devuelve el orden de la lista.

[jugokus]

Sí, pero veo que di mucha vuelta, el orden realmente se mantiene sin tener que usar el código que coloque anteriormente, creo que el error esta en otro proceso que me desordena el array... changos : D