javaScript函数,使代码干燥

时间:2016-06-30 13:12:13

标签: javascript

我有15个元素连续使用相同的类,例如PerformanceCounter我想在每个循环中创建一个jQuery来添加类,例如left-el和right-el。 现在我有一个这样的代码:

class="element"

最多15岁。想干,但不知道如何。也许这是一个愚蠢的问题,但我无法修复一个小时。试过这样的事情:

jQuery('.element').eq(0).addClass('left-el');
jQuery('.element').eq(1).addClass('right-el');
jQuery('.element').eq(2).addClass('left-el');
jQuery('.element').eq(3).addClass('right-el');

3 个答案:

答案 0 :(得分:5)

jQuery有:odd:even选择器,允许像你这样的代码完成:

jQuery('.element:even').addClass('left-el');
jQuery('.element:odd').addClass('right-el');  // Or the other way around

答案 1 :(得分:1)

这样做,

$(".element:even").addClass('left-el');
$(".element:odd").addClass('right-el');

答案 2 :(得分:1)

jQuery('.element').each(function(i){
var left = 'ui-slider-handle-left',
    right = 'ui-slider-handle-right';

   if (i%2 === 0) {
      $(this).addClass(left);
   } else {
      $(this).addClass(right);
   }
});