如何在 page.load 上拆分数据？

Question

我有一个按字母顺序排列的菜单。 问题是数据在开始时显示在一个长列表中，然后单击某个字母后，它将显示在组下。

页面加载时为 FALSE。

我需要把它分成这样的组（在点击 A 或 B 后发生）

这是我的功能

$(function () {

            debugger;
            var _alphabets = $('.alphabet > a');
            var _contentRows = $('#countries-table tbody tr');

            _alphabets.click(function () {
                var _letter = $(this), _text = $(this).text(), _count = 0;

                _alphabets.removeClass("active");
                _letter.addClass("active");

                _contentRows.hide();
                _contentRows.each(function (i) {
                    var _cellText = $(this).children('td').eq(0).text();
                    if (RegExp('^' + _text).test(_cellText)) {
                        _count += 1;
                        $(this).fadeIn(400);
                    }
                });
            });
        });

Answer 1

你只需要手动触发.click()事件，你可以在第一个元素上这样做：

_alphabets.click(function () {
    //...
});

//trigger manually:
_alphabets.first().trigger("click");