<div class='container'>
<div id='1'>
<div class='name'>bbbb</div>
<div class='number'><input type='text' value='110'/></div>
</div>
<div id='2'>
<div class='name'>cccc</div>
<div class='number'><input type='text' value='120'/></div>
</div>
<div id='3'>
<div class='name'>dddd</div>
<div class='number'><input type='text' value='140'/></div>
</div>
</div>
<button id="desc">從大到小</button>
<button id="asc">從小到大</button>
$(function() {
var asc = function(a, b) {
return $(a).find('input').val() > $(b).find('input').val() ? 1 : -1;
}
var desc = function(a, b) {
return $(a).find('input').val() > $(b).find('input').val() ? -1 : 1;
}
var sortByInput = function(sortBy) {
var sortEle = $('.container>div').sort(sortBy);
$('.container').empty().append(sortEle);
}
$('#desc').click(function() {
sortByInput(desc);
});
$('#asc').click(function() {
sortByInput(asc);
});
})
