Javascript ile Div Sıralama – Javascript Div Order by
2 Nisan 2019 / 16:03
Burak
Merhabalar,
Javascript ile div sıralamak için aşağıdaki örnek kodları kullanabilirsiniz.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> </head> <body> <div id="list"> <div id="4">test 4 dd</div> <div id="3">tesdf 3 dd</div> <div id="5">test 5 f</div> <div id="1">test 1 s</div> <div id="2">test 2 f</div> </div> <script type="text/javascript"> var toSort = document.getElementById('list').children; toSort = Array.prototype.slice.call(toSort, 0); toSort.sort(function(a, b) { var aord = +a.id; var bord = +b.id; return (aord > bord) ? 1 : -1; }); var parent = document.getElementById('list'); parent.innerHTML = ""; for(var i = 0, l = toSort.length; i < l; i++) { parent.appendChild(toSort[i]); } </script> </body> </html> |
Bu Yazılarıda Okuyabilirsiniz...
Bir cevap yazın