Как сделать цикл для функции?

Question

[mrzgt]

Подскажите, можно ли сделать, что бы если к примеру будет .text-slider4, .text-slider5.... они сами добавлялись в функцию?

owl.on('transitionStart', function () { 
$('.owl').find('.text-slider1').removeClass('slider1'); 
$('.owl').find('.text-slider2').removeClass('slider2'); 
$('.owl').find('.text-slider3').removeClass('slider3'); 
$('.owl.owl-active').find('.text-slider1').addClass('slider1'); 
$('.owl.owl-active').find('.text-slider2').addClass('slider2'); 
$('.owl.owl-active').find('.text-slider3').addClass('slider3'); 
});

Answer 1

[edward_freedom]

for(let i = 1; i <= 3; i++) {
    $('.owl').find('.text-slider' + + i).removeClass('ef-slider' + i);
    $('.owl.owl-active').find('.text-slider' + i).addClass('ef-slider' + i); 
}

Answer 2

[Владимир]

Можно использовать start with селектор, он вернет все элементы попадающие под паттерн
$("[class^='text-slider']")
https://jsfiddle.net/udzr9wh4/2/