Jquery 动态字母分隔符

如何为可观察数组创建的列表创建字母分隔符？我想把名单按姓氏分开。它已经分类了，只需要分隔符

列表在此处创建：

function GetUsersByLocation(){

        var url = 'http://localhost/Service.svc/GetUsersByLocation/'+localStorage.CurrentLocationId;

        var jqxhr =
        $.getJSON(url,
        function (data) 
        { 
            userViewModel.clearUsers();
            $.each(data.GetUsersByLocationResult, function (key, val) {
                userViewModel.addUser(val.FirstName, val.LastName);
            });
            ko.applyBindings(userViewModel, document.getElementById("usersListView"));
        })
         .success(function () { $('#usersListView').listview('refresh'); })
    }

并在这里实施：

<div>
    <ul id="usersListView" data-bind="template: {name: 'usersListTemplate', foreach: users}" data-role="listview" data-filter="false" data-filter-placeholder="enter a colleague's name..."></ul>
</div>
<script id="usersListTemplate" type="text/html">
    <li><a href="javascript: void(0)">
        <table>
            <tr class="colleague">
                <td>
                    <table>                         
                        <tr><td><span class="firstname_" data-bind="text: firstname"></span>&nbsp;<span data-bind="text: lastname"></span></td></tr>
                    </table></a>
                </td>
            </tr>
        </table>
    </li>
</script>

如果您使用的是1.2，则可以添加数据自动分割器=“true”属性，如图所示。如有必要，可以在listview上设置AutoDividerSelector选项以指定自定义选择器

可以将listview配置为自动为其项生成分隔符。这是通过向任何listview添加data autodividers=“true”属性来实现的

---

听起来有点像你的。。。