Javascript: Trier les liens par le contenu qui sont dans un div

Question

J'ai un div qui contient un ensemble de liens et mon but est de trier automatiquement ces liens en fonction du contenu, suivez les exemples ci-dessous pour une meilleure compréhension:

avant

<div id="sort-this-div"> 
<a href="http://something45yer.com">Content3</a> 
<a href="http://somethingeyerty.com">Content1</a> 
<a href="http://somethingfwegrw.com">Content2</a> 
<a href="http://somethingt43rwer.com">Content4</a> 
</div> 

après

<div id="sort-this-div"> 
<a href="http://somethingeyerty.com">Content1</a> 
<a href="http://somethingfwegrw.com">Content2</a> 
<a href="http://something45yer.com">Content3</a> 
<a href="http://somethingt43rwer.com">Content4</a> 
</div> 

Answer 1

en supposant un environnement comme jQuery:

sorted = $('#sort-this-div a').sort(function(a, b) {return a.innerHTML > b.innerHTML}); 
$('#sort-this-div').html(''); 
sorted.each(function(i, a) {$('#sort-this-div').append(a)});