You can use the index property of the each
callback to toggle your classes:
enquire.register("screen and (min-width: 48.0625em)", {
match: function () {
// absolute position for "bubble" lists
$('.bubbles').addClass('structure');
$('.structure li').each(function (index) {
$(this).toggleClass('s' + (index + 1));
});
},
unmatch: function () {
$('.structure li').each(function (index) {
$(this).toggleClass('s' + (index + 1));
});
$('.bubbles').removeClass('structure');
}
});