Javascript 使用jquery对Ul标签中的Li标签进行排序

脚本：

for（变量i=0；i”
if（！$（“#用户”+响应[i].uid）.length）{
$（“#Online FriendsList”）.append（toAppend）；
如果（！IsFirstTimeCall）
$（“#log”）.append（“用户”+响应[i].name+“准备好聊天了”
”；
}
}

html:

---

如何使用jquery根据

response[i].name对附加的
li
标记进行排序？
我将在创建dom结构之前对响应进行排序

 <div id="FrdContainer_div" style="width: 293px; height: 600px; overflow: auto">
                <ul id="OnlineFriendsList">
                </ul>
            </div>

response.sort（函数（o1，o2）{
返回o1.name.localeCompare（o2.name）
});
对于（变量i=0；i”
if（！$（“#用户”+响应[i].uid）.length）{
$（“#Online FriendsList”）.append（toAppend）；
如果（！IsFirstTimeCall）$（“#log”）.append（“用户”+响应[i].name+“准备好聊天了”
”；
}
}

 <div id="FrdContainer_div" style="width: 293px; height: 600px; overflow: auto">
                <ul id="OnlineFriendsList">
                </ul>
            </div>

response.sort(function (o1, o2) {
    return o1.name.localeCompare(o2.name)
});

for (var i = 0; i < response.length; i++) {
    var toAppend = "<li onclick='SelectUser(this);'  id='user" + response[i].uid + "'><a href='javascript:void(0)'><img src='" + response[i].pic_square + "'  /><span class='Username'>" + response[i].name + "<span class='" + response[i].online_presence + "'></span></a></li>"
    if (!$("#user" + response[i].uid).length) {
        $("#OnlineFriendsList").append(toAppend);
        if (!IsFirstTimeCall) $("#log").append("user <span style='color:Green'>" + response[i].name + " </span>is ready to chat <br>");
    }
}