좋아요 수를 기준으로 상품 목록을 정렬하십시오.

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

을