訂購基於偏好數量的項目列表

Question

我有一個項目列表，每個項目都有一個像按鈕和喜歡數量。我需要根據喜歡的數量來訂購。任何想法如何做到這一點？

<div> 
    <h1>Ranking</h1> 
    <!-- The list --> 
    <ul> 
    <li> 
     <h4>Item 1</h4> 
     <p>200 likes</p> 
     <p><a href="">&#9829; like?</a></p> 
    </li> 
    <li> 
     <h4>Item 2</h4> 
     <p>100 likes</p> 
     <p><a href="">&#9829; like?</a></p> 
    </li> 
    <li> 
     <h4>Item 3</h4> 
     <p>50 likes</p> 
     <p><a href="">&#9829; like?</a></p> 
    </li> 
    <li> 
     <h4>Item 4</h4> 
     <p>25 likes</p> 
     <p><a href="">&#9829; like?</a></p> 
    </li> 
    <li> 
     <h4>Item 5</h4> 
     <p>1 likes</p> 
     <p><a href="">&#9829; like?</a></p> 
    </li> 
    </ul> 
</div> 

Answer 1

你可以試試這個代碼：

function sortAlpha(a,b){ 
    // here we take the number of likes 
    var aLikes = parseFloat($(a).children("p").first().html()); 
    var bLikes = parseFloat($(b).children("p").first().html()); 
    return aLikes > bLikes? 1 : -1; 
}; 

$('div ul li').sort(sortAlpha).appendTo('ul');