0

我有一个项目列表,每个项目都有一个喜欢按钮和喜欢的数量。我需要根据喜欢的数量来订购。任何想法如何做到这一点?

<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>
4

1 回答 1

0

你可以试试这段代码:

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');
于 2013-02-25T20:40:30.727 回答