使用jquery对具有相同类的div进行分组?

时间:2013-05-30 10:43:54

标签: jquery sorting random grouping

只是想知道这是否可能?

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

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

这是在一个桌面网站上,课程没有顺序,但我想要的是当网站进入移动设备时他们按类分组。

非常感谢任何帮助:)

干杯安迪

1 个答案:

答案 0 :(得分:2)

假设它们位于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/