Sort Unordered list items
How to sort un ordered list items
by Greg Esguerra
HTML
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<button id="sortList">Sort Now</button>
<ul id="numbersList">
<li>302</li>
<li>10</li>
<li>3</li>
<li>12</li>
<li>1</li>
<li>2</li>
<li>-1</li>
<li>13</li>
<li>27</li>
<li>50</li>
</ul>
JavaScript
$(function () {
$('#sortList').click(function (e) {
e.preventDefault();
var numbersList = $('#numbersList li');
numbersList.sort(function (a, b) {
var temp1 = parseInt($(a).text(), 10);
var temp2 = parseInt($(b).text(), 10);
return (temp1 < temp2) ? -1 : (temp1 > temp2) ? 1: 0;
}).appendTo(numbersList.parent());
});
});