Sort list

by Alvin Olavarrieta

HTML

<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<ul class="lists">
<li data-sort="5"> list item 5</li>
<li data-sort="3"> list item 3</li>
<li data-sort="1"> list item 1</li>
<li data-sort="4"> list item 4</li>
<li data-sort="6"> list item 6</li>
<li data-sort="2"> list item 2</li>
</ul>

JavaScript

// Sort list by it's rank
	var sortList = function() {
		var ul = $(".lists"),
			li = ul.children("li");
				
		li.sort(function(a,b) {
			var an = a.getAttribute('data-sort'),
				bn = b.getAttribute('data-sort');

			if(an > bn) {
				return 1;
			}
			if(an < bn) {
				return -1;
			}
			return 0;
		})

		li.detach().appendTo(ul);
	};
sortList();