2011-04-03 69 views
0

使用jQuery,我怎麼可以重新排序下面的列表中從最大到最小的title屬性(即rateplugin6將是第一個,rateplugin2是第二,rateplugin8是第三,rateplugin3會是第四個,等等)?jQuery的重新排序

<div id="rateWrapper"> 
<div id="rateplugin1" title="2"></div> 
<div id="rateplugin2" title="4"></div> 
<div id="rateplugin3" title="3"></div> 
<div id="rateplugin4" title="1"></div> 
<div id="rateplugin5" title="0"></div> 
<div id="rateplugin6" title="5"></div> 
<div id="rateplugin7" title="1"></div> 
<div id="rateplugin8" title="4"></div> 
</div> 
+1

有很多的[類似的問題(HTTP://計算器。 COM /搜索?q = +的jQuery +排序DIV)。沒有幫助?你試過什麼了? – 2011-04-03 10:24:12

回答

0

這個怎麼樣blog post
你將不得不修改排序功能在這個例子中(稱爲sortAplha)。

如何從該類價值?您可以使用子:

var class = $(this).attr('class'); 
var classValue = parseInt(class.substring(10)); // should remove 'rateplugin' and convert the rest to int 

所以你的情況排序功能可能看起來像

function yourSort(a,b){ 
    var aClass = a.attr('class'); 
    var aValue = parseInt(aClass.substring(10)); 
    var bClass = b.attr('class'); 
    var bValue = parseInt(bClass.substring(10)); 

    return aValue < bValue ? 1 : -1; 
}