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

Question

我有这个 HTML：

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

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

当我单击按钮时，我需要使用属性“索引”对相同的 html 进行 asc 排序，并且 dom 看起来像这样：

​&lt;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')

如果这不能解决您的问题，请让我在几个小时内回答，届时我将在我的笔记本电脑上，我有一个代码片段可以完全满足您的需求。