优化jQuery .addClass:nth-​​child(x)

时间:2011-11-29 16:53:35

标签: jquery addclass

我正在寻找一种优化以下方法的方法:

$('ul li:nth-child(12n-5)').addClass('bk');
$('ul li:nth-child(12n-4)').addClass('bk95');
$('ul li:nth-child(12n-3)').addClass('bk90');
$('ul li:nth-child(12n-2)').addClass('bk85');
$('ul li:nth-child(12n-1)').addClass('bk80');
$('ul li:nth-child(12n+1)').addClass('bk75');
$('ul li:nth-child(12n+2)').addClass('bk70');
$('ul li:nth-child(12n+3)').addClass('bk75');
$('ul li:nth-child(12n+4)').addClass('bk80');
$('ul li:nth-child(12n+5)').addClass('bk85');
$('ul li:nth-child(12n+6)').addClass('bk90');
$('ul li:nth-child(12n-7)').addClass('bk95');

欢迎任何建议

由于

1 个答案:

答案 0 :(得分:2)

var classes = ['bk75' /*for 12n*/, 'bk70' /*for 12n+1*/, ..., 'bk80' /*for 12n+11 = 12n-1*/];
$('ul').children('li').each(function (i) {
  $(this).addClass(classes[i % 12]);
}