Как написать простое условие Jquery для атрибутов слайдов слайдера?

Question

[Даниил Конев]

Есть слайдер и слайды с атрибутами типа:

data-step="1"
data-step="2"
И тд.

Так же для родительского блока активного слайда ставится класс .slick-active

Мне нужно написать условие вида:

if (активный слайд = data-step="6" ) то { тут уже мое действие}

Нужно для скрытия и показа элементов при определенном слайде. Вне зоны слайдера. И возможно ли такое сделать через CSS ?

Answer 1

[Danny Arty]

if ($('.slick-active').find('[data-step="6"]').length) {
    //тут ваше действие
}

Comments

[Даниил Конев]

Не работает...

[Danny Arty]

Ivseti, что именно? может код в песочницу закинете и ссылку сюда. А то слово "не работает" не говорит ни о чем ВООБЩЕ. Научитесь описывать проблему или ошибку подробнее и будете получать ответ в соответствующем виде

[Даниил Конев]

Danny Arty, извините, скорее всего вы правы. Постарался в новой теме расписать подробнее:

https://qna.habr.com/q/1203296

[Danny Arty]

Ivseti, ааа, ну так вам же нужно код повесить на событие смены активного слайда, я думал вы это знаете. Вот максимально понятная документация swiper
Т.е. вот например вы инициализируете свой слайдер и тут же вешаете функцию на событие

const swiper = new Swiper('.swiper', {
  // ...
  on: {
    activeIndexChange: function () {
      //тут функцию
    },
  },
});