javascript - 分组显示列表

Question

从我的 Controller 中，我向 View 发送了一个列表

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

在 View 中显示时，我希望它按如下方式显示为组

(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));
})

演示: http://jsfiddle.net/Q7cpm/

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