Как вывести несколько слайдеров на странице?

Question

[BlackJack23]

Добрый день. На странице выводится неопределенное количество слайдеров. Все слайдеры привязываются к блокам с id #productCarousel-X(любое число).

$('#productCarousel-1').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    itemWidth: 100,
    itemMargin: 5,
    asNavFor: '#productSlider-1'
  });
 
  $('#productSlider-1').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    prevText: '<i class="fa fa-arrow-left"></i>',
    nextText: '<i class="fa fa-arrow-right"></i>',
    sync: "#productCarousel-1"
  });
});

Как подправить селектор, что бы одним вызовом скрипта охватывать 5-10-15 блоков?

Comments

[Rustam Bainazarov]

Инициализировать по классу или data-атрибуту вместо ID.