Uso o append para criar a numeração:
$("#navigation").append("<li class='waves-effect' id='page_" + (i + 1) + "'>" + "<a>" + (i + 1) + "</a></li>");
a seguir tenho css especificas para cada numero da paginação:
$("#page_1").addClass('at')
$("#page_2").addClass('at')
$("#page_3").addClass('at')
$("#page_4").addClass('ap')
$("#page_5").addClass('ap')
$("#page_6").addClass('ts')
$("#page_7").addClass('tc')
Alguem sabe como tornar isto mais dinamico com o mesmo funcionamento? Como selecciono #page_1, #page_2 etc...? Agradeço