Алфавитный фильтр ul списка средствами js или php?

Question

[Dmitry]

Имеется список Имен и Фамилий, нужно прикрутить к этому алфавитный указатель ( А Б В Г ... ) и показывать только те фамилии на которые указывает выбранная буква. Искал решения в виде библиотек готовых, пока не нашел, может есть у кого что-то похожее или какие-нибудь идеи?

Для поиска использую List.js, но там такой функции нет.

Comments

[deleted-tnorman]

а в чем проблема-то? Обработать массив имен и вывести их в каком-то виде?

[Никита]

@tnorman это сайт вопросов и ответов. Автор столкнулся с проблемой и задал весьма конкретный вопрос. Вы же не нашли ничего лучше как тратить время на то, чтобы сказать что-то недоформулированное в духе "это вообще не проблема". В чём смысл?

Answer 1

[Никита]

Думаю в данном случае будет правильно использовать метод filter. В таком случае можно фильтровать именно по первой букве.

$(document).ready(function() {
    var options = {
        valueNames: ['firstName', 'lastName']
    };

    var userList = new List('users', options);

    $('.filter').click(function(e) {
        e.preventDefault();

        // Получаем букву из текста ссылки-фильтра
        var letter = $(this).html();

        userList.filter(function(item) {
            // Получаем первую букву имени
            var l = item.values().firstName.charAt(0);

            if (l === letter) {
                return true;
            } else {
                return false;
            }
        });
    });
});

Сделал codepen с примером.

Answer 2

[Jaty4]

jsfiddle.net/ump8grub на скорую руку накидал.

Comments

[Dmitry]

Осталось только учитывать что буква должна быть первой в имени, а не все что есть

Answer 3

[Sergey Romanov]

Если у вас постраничный вывод с РНР то только РНР. Потому что будет фильтр только к данной странице примерятся. Если вы выбираете все и постраничный вывод уже генерится яваскриптом, то тогда конечно яваскрипт как @Jaty4 посоветовал.