Как реализовать смену класса по индексу массива Jquery?

Question

[Evtera]

Здравствуйте. Есть слайдер slick. Хочу сделать так, чтобы данная функция при её активации меняла класс у другого блока согласно индексу вызываемой функции.

То есть, если индекс 1, то у блока задаётся новый класс class_1, если индекс 2, то меняется на class_2.

или как второй вариант, чтобы менялся не класс, а свойство background: URL(img-$`{1}.png).

С JQuery у меня всё очень плохо :D.

$('.first-screen__slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
console.log(nextSlide);

$('.first-screen').toggleClass(`first-screen__sliderContent_${nextSlide}`)
});

Answer 1

[n1ksON]

Если слайдов немного, то можно использовать конструкцию switch и метод toggleClass.

Comments

[Evtera]

$('.first-screen__slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
console.log(nextSlide);

$('.first-screen').toggleClass(`first-screen__sliderContent_${nextSlide}`)
});