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.

Kategoriler: javascript

Sümeyra Akbıyık

hakkımdaki her şeyi bu blogda bulabilirsin. Haydi sende bir göz gezdirmeye ne dersin?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir