使用Jquery按属性对div进行排序？

Question

我有这个HTML：

​<div indice="1">first</div>
<div indice="3">third</div>
<div indice="2">second</div>

<button onclick="organize();">Sort</button>

当我点击按钮时，我需要使用atrributte“indice”将相同的html排序为asc，并且dom看起来像这样：

​<div indice="1">first</div>
<div indice="2">second</div>
<div indice="3">third</div>

Answer 1

使用javascripts数组排序方法

尝试此操作

$('div').sort(function(a,b){
    return $(a).attr('indice') - $(b).attr('indice');
});

http://jsfiddle.net/nPbk8/

Answer 2

您可以尝试使用此链接中的（未经测试的）代码： james.padolsey.com/javascript/sorting-elements-with-jquery/

你只需要用比较函数替换.text（） .attr（'indice'）

如果这不能解决您的问题，请让我在几个小时后回答 在我的笔记本电脑上，我有一个完全符合您要求的代码片段。