js按照首字母分组排序

来源:互联网 发布:单位网络限制怎么破解 编辑:程序博客网 时间:2024/05/18 00:42

需要使用的js包括:jquery.charfirst.pinyin.js、sort.js(点击下载)

使用开始:

接口返回数据拼接成如下格式

<h4 style="margin-top: 30px;">城市列表</h4>        <div class="sort_box">            <div class="sort_list">                <div class="num_name" id="nor2" onclick="getCity(2)">北京市</div>            </div>            <div class="sort_list">                <div class="num_name" id="nor3192" onclick="getCity(3192)">咸阳市</div>            </div>        </div>
注意 class="sort_list" 以及 class="sort_box"


html中获取到接口中的数据之后,使用initials(); 方法,该方法会将sort_list中的数据按照拼音首字母排序,然后加上ABCD。。。。字母,完成分组排序。

效果如下:




原创粉丝点击