面试题：前端如何给dom排序

Question

场景：用标签ul和li渲染带有价格的商品列表，要求前端按照价格排序，该如何排序？

Answer 1

以jquery为例

var goodsArray = $("ul").empty().children("li");

goodsArray.sort(function(a,b){

    var priceOld = $(a).data("price");//假设价格就设置的li上面

    var priceNew = $(a).data("price");

    if(priceOld>priceNew)return -1;

    if(priceOld<priceNew)return 1;

    return 0;

}).appendTo($("ul"));