Question

我从控制器发送了一个列表到视图

Test{
   String first;
   String Last;
}

List<Test> testList = new ArrayList<Test>();

testList包含以下

A F
B R
A C
A E
B Q
B P
C I
A L
C E

在视图中显示时，我希望它像下面一样显示为分组

(header A)
A F
A C
A E
A L

(header B)
B Q
B P
B R

(header C)
C I
C E

此A,B,C不是常数。它可以是任何价值。

如何使用JS或jquery

显示此内容

Answer 1

使用$（arr）.sort（） - 方法。

HTML：

<div id="data"></div>

JavaScript的：

var ar = new Array();
ar.push({F: "A", L: "C"});
ar.push({F: "B", L: "D"});
ar.push({F: "C", L: "E"});
ar.push({F: "C", L: "X"});
ar.push({F: "A", L: "Z"});

var c = $(ar).sort(function(a,b) {
   var f1 = a.F;
    var f2 = b.F;
    return f1 > f2;
});

$.each(c,function() {
    $("#data").append($("<p>").append(this.F + " " + this.L));
})

DEMO： http://jsfiddle.net/Q7cpm/

编辑：带标题的新演示链接：http://jsfiddle.net/Q7cpm/2/

在组中显示列表

1 个答案: