在前台利用jquery对dom元素进行排序

html部分：

for(var i = 0; i<chList.length; i++){
            $(".modal-body ul").append("<li class='rowWrap item' >" +
                    "<input class='chooseInput' type='checkbox'/>" +
                        "<label class='headName'>名头<i class='icon icon-expand-full iconSty'></i></label>" +
                         "<div class='rightWrap'>"+
                            "<span class='number min-number'>100</span>"+
                            "<label class='chooseWidthWrap'>"+
                                "<div class='chooseChangeWline'>"+
                                    "<div class='fill'></div>"+
                                "</div>"+
                                "<span class='chooseChangeWcir'></span>"+
                                "<input class='chooseChangeWnum'readonly>"+
                            "</label>"+
                            "<span class='number'>400</span>"+
                        "</div>"+
                        "<span class='sortDefault' style='display:none'>"+chList[i].STR_QUEREN+"</span>"+
                "</li>");
19         }

js部分：

1.

var divTestJQ = $(".modal-body ul"); //取得容器对象
    var divJQ = $(">li.rowWrap", divTestJQ); //取容器需要重排的对象
    var EntityList = []; //定义一个数组用于存放要排序的对象
    divJQ.each(function () {
          var thisJQ = $(this);
          EntityList.push({ Name: parseInt(thisJQ.attr("name")), JQ: thisJQ }); //把要排序的对象和排序的值一起放到一个新的对象里，并存入到数组
    });
    EntityList.sort(function (a, b) { //利用数组的排序方法重新排序对象
          //return b.Name - a.Name; //从大到小
          return a.Name - b.Name; //从小到大
    });
    for (var i = 0; i < EntityList.length; i++) {
          EntityList[i].JQ.appendTo(divTestJQ); //把排序完的对象重新插入到容器对象
    };

2.

var domList = $(".modal-body ul li").get();
    domList.sort(function(a,b){
      var elOne = $(a).find('.sortDefault').text();
      var elTwo = $(b).find('.sortDefault').text();
      //升序
      if(parseInt(elOne) > parseInt(elTwo)) return 1;
      if(parseInt(elOne) < parseInt(elTwo)) return -1;
      //降序
      if(parseInt(elOne) > parseInt(elTwo)) return -1;
      if(parseInt(elOne) < parseInt(elTwo)) return 1;
      return 0;
    });
    $('.modal-body ul').append(domList);