Cómo ordenar elementos del DOM con jQuery

Cambiar de orden un conjunto de elementos a veces nos puede resultar complicado. Pero tranquilo, aquí tienes una forma sencilla de cómo ordenar elementos del DOM con jQuery.

Ordenar elementos del DOM con jQuery

Para ordenar elementos del DOM con jQuery sólo necesitamos saber 3 cosas:

1. El selector del contenedor o elemento padre
2. El selector de los elementos a ordenar
3. El valor por el que estableceremos el orden

var $lista = $('ul.ordenar li'); 
$lista.sort(function(a, b) { 
  var uno = $(a).find('input[name="orden"]').val(); 
  var otro = $(b).find('input[name="orden"]').val(); 
  return uno > otro; 
}).appendTo($lista.parent());

En este ejemplo, ordenamos una lista por el número de orden que hay en un campo de texto.

Deja un comentario con tus preguntas o dudas.

Y si te ha servido, comparte!