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)});