根据喜欢的数量订购商品列表

问题描述 投票:0回答:1

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

<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>
list button
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');
© www.soinside.com 2019 - 2024. All rights reserved.