jQuery: Menü bzw. Liste sortieren

Ich mag einfache Dinge 🙂

Danke an Quelle.

$('.link-sort-list').click(function(e) {
    var $sort = this;
	var $list = jQuery('ul.level0');
	var $listLi = jQuery('li',$list);
	$listLi.sort(function(a, b){
		var keyA = jQuery(a).text();
		var keyB = jQuery(b).text();
		if($($sort).hasClass('asc')){
            return (keyA > keyB) ? 1 : 0;
        } else {
            return (keyA < keyB) ? 1 : 0;
        }		
	});
	jQuery.each($listLi, function(index, row){
		$list.append(row);
	});
	e.preventDefault();
});

<p>Sort: 
  <a href="#" class="link-sort-list asc">A-Z</a> 
  <a href="#" class="link-sort-list desc">Z-A</a>
</p>
<ul>
  <li>D</li>
  <li>A</li>
  <li>Z</li>
  <li>F</li>
</ul>

+2

-3