list - 根据喜欢的数量订购项目列表

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