|
сортировка div по содержимому js
Feuerman063,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div id="search">
<div class="search-element">
<div><a href="..."><img src="..."></a></div>
<div><a href="...">Вася</a></div>
</div>
<div class="search-element">
<div><a href="..."><img src="..."></a></div>
<div><a href="...">Аня</a></div>
</div>
<div class="search-element">
<div><a href="..."><img src="..."></a></div>
<div><a href="...">Вова</a></div>
</div>
<div class="search-element">
<div><a href="..."><img src="..."></a></div>
<div><a href="...">Боря</a></div>
</div>
</div>
<script type='text/javascript'>
var c = document.querySelector("#search");
Array.apply(null,c.querySelectorAll(".search-element"))
.sort(function(a, b) {
a = a.querySelector("div:last-child > a").text;
b = b.querySelector("div:last-child > a").text;
return a < b ? -1 : a > b ? 1 : 0
})
.forEach(function(a) {
c.appendChild(a)
});
</script>
</body>
</html>
вариант на jQuery тут Как упорядочить несколько тегов одновременно
Последний раз редактировалось рони, 03.11.2015 в 22:09.
|