¿Cómo ordenar los divs según su id con jQuery?

Question

que tienen un conjunto de divs con las identificaciones aleatorias:

<div id="container"> 
    <div id="2"></div> 
    <div id="9"></div> 
    <div id="7"></div> 
    <div id="1"></div> 
    <div id="4"></div> 
</div> 

¿Hay una forma rápida de clasificarlos de acuerdo a sus valores de id utilizando jQuery? Gracias.

Answer 1

me gustaría usar el plugin tinysort:

http://tinysort.sjeiti.com/

En su caso sería algo así como:

$("#container > div").tsort("",{attr:"id"});

Answer 2

Hay plugins y similares, para hacer la clasificación de elementos . Si planea reordenar los elementos DOM, probablemente debería usar uno de ellos.

Si lo que desea es una lista ordenada de los divs, puede utilizar Javascript - ya que las matrices se pueden ordenar usando una función de comparación personalizada. Puede convertir el conjunto seleccionado de <div> s en una matriz usando toArray() y luego ordenarlos utilizando este mecanismo.

$('#container > div').toArray().sort(function(a,b) { a.id - b.id }); 

También es posible usar el método detach() y appendTo() de quitar y la re-insertar los elementos en el orden establecido. Sin embargo, esta puede no ser la forma más eficiente de reordenar los elementos DOM.

Answer 3

intentar mi plugin de jQuery $.toArrayouter, usando la biblioteca de subrayado.

$('#container').html(_.sortBy($('#container>div').toArrayouter(),function (name) {return name}).join('')) 

Demostración: http://jsfiddle.net/abdennour/fDZjR/1/