Buen día a todos, estoy tratando de ordenar varios divs pero no lo he conseguido, mi html es el siguiente:
<div id='div_Gral'>
<div id='Empleado1' data-sort="43491">
<div id='imgEmpleado1'></div>
</div>
<div id='Empleado2' data-sort="43491">
<div id='imgEmpleado2'></div>
</div>
<div id='Empleado3' data-sort="43491">
<div id='imgEmpleado3'></div>
</div>
<div id='Empleado4' data-sort="43491">
<div id='imgEmpleado4'></div>
</div>
</div>
Mi propósito es mediante jquery ordenar los div con id 'Empleado#' ya que dinámicamente creo algunos y no se están ordenando, lo estoy haciendo de la siguiente manera:
$('#div_Gral > div').sort(function (a, b) {
return $(b).data('sort') - (a).data('sort');
}).appendTo('#div_Gral');
Asi obtengo el html donde tengo los divs:
var tbl = $('#div_Gral');
En seguida realizo lo siguiente para agregar un div:
var result = "<div id='Empleado2' data-sort="43491"><div id='imgEmpleado2'></div></div> "
tbl.append(result);
Y después de haber agregado ese div, tengo la función para ordenar:
$('#div_Gral > div').sort(function (a, b) {
return $(b).data('sort') - (a).data('sort');
}).appendTo('#div_Gral');
Pueden guiarme sobre como lo puedo resolver?