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.
0 yorum