Javascript ile Div Sort İşlemi

Merhaba arkadaşlar,

yaptığım bir projede divler arasında sort işlemi yapmam lazımdı. Bunun için idye göre sıralama, adına göre sıralama vs yapmaktadır. Öncelikle sayfanıza jquery eklemeniz gerekmektedir.

<div class="sortitems">
  <div data-id="3" data-name="abc">Item 3</div>
  <div data-id="2" data-name="bcs">Item 2</div>
  <div data-id="1" data-name="yho">Item 1</div>
  <div data-id="4" data-name="abe">Item 4</div>
</div>

ajax tarafındaki kod tarafı da aşağıda belirtilmiştir.

$(function() {
  $(".sortitems div").sort(sort_div).appendTo('.sortitems');


  function sort_div(a, b) {
    return ($(b).data('id')) > ($(a).data('id')) ? 1 : -1; //id büyükten küçüğe doğru
  }
  function sort_name_div(a, b) {
    return ($(b).data('id')) < ($(a).data('id')) ? 1 : -1; //name A-Z'ye doğru
  }
});

İki fonksiyonu da yazmamın nedeni büyükten küçüğe doğru veya küçükten büyüğe doğru olmasını göstermek amaçlıdır.