jquery - 使用jquery将具有相同类的div分组？

Question

只是想知道这是否可能？

基本上我有一些这样的代码

<div class="stuff">content</div>
<div class="offer">content</div>
<div class="service">content</div>
<div class="service">content</div>
<div class="offer">content</div>
<div class="service">content</div>
<div class="offer">content</div>
<div class="stuff">content</div>
<div class="service">content</div>
<div class="offer">content</div>

这是一个桌面网站，课程没有顺序，但我想要的是当网站转到移动设备时，他们按课程分组。

任何帮助将非常感激 ：）

干杯安迪

Answer 1

假设它们位于 id 为“container”的容器元素中：

 var container = $("#container");    
 container.find("div").sort(function (a, b) {
     var classA = $(a).attr("class");
     var classB = $(b).attr("class");
     if (classA > classB) return 1;
     if (classA < classB) return -1;
     return 0;
 }).appendTo(container);

示例：http: //jsfiddle.net/JtsRz/