» JavascriptSanalData | Yazılım ve Teknoloji Haberleri Sitesi

Javascript ile Div Sıralama – Javascript Div Order by

Burak

2 Nisan 2019 / 16:03

Merhabalar, Javascript ile div sıralamak için aşağıdaki örnek kodları kullanabilirsiniz.

<!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>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div id="3">tesdf 3 dd</div>

</div>

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>

Arama

Kategoriler

Tavsiye Linkler