的Javascript：通過內容是一個div裏面排序鏈接

Question

我有一個包含了一組鏈接的div和我的目標是通過內容的鏈接進行自動排序，請按照下面的例子爲更好地理解：

之前

<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> 

後

<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

假設一個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)});