从AZ订购div

Question

我有一个聊天网页,每个成员都有一个DIV.DIV的外观如下:

 <div id="chatCenterMembers">
   <div id="lee" class="chatmember 10001"></div>
   <div id="arch" class="chatmember 10008"></div>
   <div id="steven" class="chatmember 10041"></div>
   <div id="tim" class="chatmember 10432"></div>
   <div id="ssan" class="chatmember 10007"></div>
   <div id="yanti" class="chatmember 10034"></div>
 </div>

每个"聊天会员"DIV都有更多内容 - img,文本等.如何使用JQUERY从AZ重新订购div？我想保留每个DIV的内容 - 只需将ID移动到类似AZ的位置即可.

Answer 1

您可以获取子div元素的集合,然后使用sort()它们的id属性进行排序,然后将其附加到容器,从而有效地重新排序它们.

var parent = $('#chatCenterMembers');

parent.children('div').sort(function(a, b) {
   return a.id > b.id;
}).appendTo(parent);

jsFiddle.