javaScript-Funktion, macht Code trocken

Question

Ich habe 15 Elemente in einer Reihe mit der gleichen Klasse zum Beispiel class="element" Ich möchte eine jQuery jede Schleife zu ihnen Klassen wie links-el und rechts-el hinzufügen. Jetzt habe ich einen Code wie folgt aus:

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'); 

bis 15. Wanna trocken machen, aber nicht wissen, wie. Vielleicht ist das eine blöde Frage, aber ich kann nicht für eine Stunde reparieren. Versucht, etwas wie folgt aus:

jQuery('.ui-slider .ui-slider-handle').each(function(i, item){ 

    var left = 'ui-slider-handle-left'; 
    var right = 'ui-slider-handle-right'; 

    jQuery('.ui-slider .ui-slider-handle').eq(i).addClass(i == 0 ? left : right+i); 
}); 

Answer 1

jQuery hat :odd und :even Selektoren, die ermöglichen, Code wie bei Ihnen, wie dies zu tun:

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

Answer 2

diese Art und Weise tun,

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

Answer 3

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); 
    } 
});