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

【问题标题】：grouping divs with same class using jquery?使用jquery将具有相同类的div分组？
【发布时间】：2013-05-25 21:44:06
【问题描述】：

只是想知道这是否可能？

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

<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>

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

任何帮助将不胜感激:)

干杯安迪

【问题讨论】：

您应该显示您当前的代码以及您遇到的问题。这个问题在目前的状态下过于宽泛，没有显示出任何研究工作。

标签： jquery sorting random grouping

【解决方案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/

【讨论】：