Javascript JQuery按字段列出订单并添加到分隔器div

我试图通过一个名为letter的字段来组织列表

因此，字段是：

身份证、姓名、字母

例如：

身份证姓名字母 1清单1 a 2清单2 a 3清单3 b

在id=“a”之后添加列表1和列表2，在id=“b”之后添加列表3

以下是一个json数据示例：

{"id":[{"id":"1","name":"list1","letter":"a"},{"id":"2","name":"list2","letter":"b"}]}

下面的代码将内容添加到listview，但我需要更进一步，然后添加到它们自己的位置

例如，所有带有字母“a”的列表都添加在a之后

代码如下：

$.getJSON("list.json", function(data){
    var output = '';

    $.each(data.id, function(index, value){

        output += '<li><h1>' + value.name + '</h1></li>';

    });


    $('#listview').html(output).listview('refresh');

    }).error(function(args) {
console.log(args);

});

<ul id="listview">
<li id="a">A</li>
<!--Listings with letter A go here-->
<li id="b">B</li>
<!--Listings with letter B go here-->
<li id="c">C</li>
<!--Listings with letter C go here-->
</ul>

$.getJSON（“list.json”），函数（数据）{
var输出=“”；
$.each（data.id，函数（索引，值）{
输出+='
'+value.name+'
'；
});
$（'#listview'）.html（输出）.listview（'refresh'）；
}).错误（函数（args）{
console.log（args）；
});

a
b
c

如何将的列表添加到其位置？

$。每个（data.id，function（index，value）{
$.each(data.id, function(index, value){ 

    $('<li><h1>' + value.name + '</h1></li>').insertAfter('#' + value.letter);

}); 

$（“
”+value.name+“
”）.insertAfter（“#”+value.letter）；
}); 

​var startstring=value.name.substring（0,1）；
变量outputA、outputB、OutputUTC；
$.each（data.id，函数（索引，值）{
var startstring=value.name.substring（0,1）；
if（startstring=='A'）{
outputA+='
'+value.name+'
'；
}
if（startstring=='B'）
outputB+='
'+value.name+'
'；
if（startstring=='C'）
输出UTC+='
'+value.name+'
'；
});
$（'#listview'）.append（outputA）；
$（'#listview'）.append（outputB）；
$（'#listview'）。追加（输出UTC）；

您的json看起来怎么样？我添加了一些示例json数据。谢谢，实际上是：$（“

”+value.name+“

”）.insertAfter（“#”+value.letter）；我替换了：这个：output+='

'+value.name+'

'；代码：$（'#'+value.letter）.insertAfter（'

'+value.name+'

'）；但是listview中没有显示任何内容。listview中没有添加任何内容。。。数据位于output-output+='

'+value.name+'

'；这个例子对我很有用。请查看这个jsfiddle

​var startstring = value.name.substring(0,1);

var outputA,outputB,outputC;
$.each(data.id, function(index, value){
    var startstring = value.name.substring(0,1);
    if(startstring == 'A'){

        outputA += '<li><h1>' + value.name + '</h1></li>';
    }
    if(startstring == 'B')
        outputB += '<li><h1>' + value.name + '</h1></li>';
    if(startstring == 'C')
        outputC += '<li><h1>' + value.name + '</h1></li>';


    });
$('#listview').append(outputA);
$('#listview').append(outputB);
$('#listview').append(outputC);