jQuery селектор как переменная

[d0ublezer0]

$(".owl-carousel.items5").owlCarousel({
            items: 5,
            autoPlay: 20000,
            navigation: true,
            pagination: false,
            navigationText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'],
        });
$(".owl-carousel.items6").owlCarousel({
            items: 6,
            autoPlay: 20000,
            navigation: true,
            pagination: false,
            navigationText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'],
        });

Примерно такой код приходится писать для всех каруселей на сайте, разница только в количестве элементов. В приведенном примере их шесть. Для четырёх будет селектор .owl-carousel.items4 и параметр items:4

Получается дублирование

Как-то можно сделать так, чтобы автоматически определялся параметр, основываясь на классе, присутствующем в селекторе?

[klierik]

<div class="owl-carousel" data-owl-items="5"></div>
<div class="owl-carousel" data-owl-items="4"></div>
<div class="owl-carousel" data-owl-items="7"></div>

<script>
	jQuery(document).ready(function ($) {
		$('.owl-carousel').each(function () {

			var $owl = $(this),
				owlItems = $owl.data('owl-items');

			$owl.owlCarousel({
				items: owlItems,
				autoPlay: 20000,
				navigation: true,
				pagination: false,
				navigationText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'],
			});
		})
	});
</script>

 

[d0ublezer0]

owlItems = $owl.data('owl-items');
if (typeof owlItems === "undefined") owlItems = 5;
				

Вот так только переделал чуток.

Спасибо.

[Николя223]

В 28.04.2017 в 11:57, d0ublezer0 сказал:

owlItems = $owl.data('owl-items');
if (typeof owlItems === "undefined") owlItems = 5;
				

Вот так только переделал чуток.

Спасибо.

owlItems = $owl.data('owl-items') || 5;