Sortuj bazy div na atrybucie danych elementu
Muszę być w stanie posortować listę div na podstawie atrybutu data-price elementu podrzędnego. To jest mój znacznik:
<div class="container">
<div class="terminal" data-price="195">
<h3>195</h3>
</div>
195 - I should come in 2nd.
</div>
<div class="container">
<div class="terminal" data-price="220">
<h3>220</h3>
</div>
220 - I should come in 3rd.
</div>
<div class="container">
<div class="terminal" data-price="130">
<h3>130</h3>
</div>
130 - I should come in 1st.
</div>
To jest skrypt, który mam do tej pory:
function sorter(a, b) {
return a.getAttribute('data-price') - b.getAttribute('data-price');
};
$(document).ready(function () {
var sortedDivs = $(".terminal").toArray().sort(sorter);
$.each(sortedDivs, function (index, value) {
$(".container", this).html(value);
//console.log(value);
});
});
Wynik powinien zastąpić istniejący znacznik. Po prostu nie mogę iść do pracy. Co należy zmienić?