从 A-Z 排序 div

2024-01-20

我有一个聊天网页,每个成员都有一个 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>

每个“chatmember”DIV 内部都有更多内容 - 图片、文本等。 如何使用 JQUERY 对 div 从 A-Z 重新排序? 我想保持每个 DIV 的内容不变 - 只需将 ID 移动到类似于 A-Z 的位置即可。


你可以获得子集div元素,然后使用sort()按他们的排序id属性,然后将其附加到容器中,从而有效地对它们进行重新排序。

var parent = $('#chatCenterMembers');

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

jsFiddle http://jsfiddle.net/7Dfgn/.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从 A-Z 排序 div 的相关文章

随机推荐