$('.teach-ul11 .teach-li').each(function (k, v) { $(".az a").each(function (ki, vi) { if ($(v).attr("name").toLowerCase().indexOf($(vi).text().toLowerCase()) ==0) { $(vi).addClass("liang"); return; } }); }); //获取html var initList = [], domArr = []; $('.teach-ul11 .teach-li').each(function (a) { initList[a] = $(this).html(); }); /* 从排序字段小到大排序 */ function smallToBig() { getDom(); $.each(domArr, function (i) { $.each(domArr, function (j) { if (domArr[i].data("sort").toLowerCase() < domArr[j].data("sort").toLowerCase()) { mid = domArr[j]; domArr[j] = domArr[i]; domArr[i] = mid; } }) }) appendDom(); } function smallToBigName() { getDom(); $.each(domArr, function (i) { $.each(domArr, function (j) { if (domArr[i].attr("name").toLowerCase() < domArr[j].attr("name").toLowerCase()) { mid = domArr[j]; domArr[j] = domArr[i]; domArr[i] = mid; } }) }) appendDom(); } /* 取出所有li放进数组 */ function getDom() { $('.teach-ul11 .teach-li').each(function (m) { domArr[m] = $(this); }) } /* 将数组中的li插入ul(原ul中的li自动删除。DOM元素的特性。) */ function appendDom() { $.each(domArr, function (d) { $('.teach-ul11 .row').append(domArr[d]); }) } smallToBigName(); $(".az a").on("click", function (e) { var _this = $(this); var az = _this.text().toLowerCase(); if (az == "全部") { $(".az a").removeClass("active"); _this.addClass("active"); $(" .teach-li").css("display", "inline-block"); } else { $(".az a").removeClass("active"); _this.addClass("active"); $(".teach-li").css("display", "none"); $(".teach-li").each(function (k, v) { var name = $(v).attr("name"); if (name.slice(0, 1).toLowerCase() == az) { $(v).show(); } else { $(v).hide(); } }); } if (e.preventDefault) { e.preventDefault(); } else { window.event.returnValue == false; } });