How to convert Array Alphabetical List with Headings

by Akram kamal

CSS

.initial{
    color:red;
}

JavaScript

var arr = ["Apple", "Apple2","apple", "Orange", "Pineapple"];
var ul = '<ul>',
    lastInitalLetter = null;
$.each(arr.sort(), function (i, v) {
    var initalLetter = v.slice(0, 1);
    if (initalLetter !== lastInitalLetter) ul += '<li class=initial>' + initalLetter + '</li>';
    lastInitalLetter = initalLetter;
    ul += '<li>' + v + '</li>';
});
ul += '<ul>';
$('body').append(ul);