Как в slick слайдере в элементах dots > button добавить тег span, и чтобы в этом теге прописывалось число?

Question

[Pit]

Есть обычные список slick-dots, мне нужно чтобы в теги button добавлялся тег span и внутри span было число. Как это можно реализовать?

Answer 1

[Alams Stoyne]

Можно воспользоваться опцией(методом) customPaging.

$('.slider').slick({
  arrows: false,
  dots: true,
  dotsClass: 'slick-dots slider__dots',
  customPaging: function(slick, index) {
    return '<span>' + index+ '</span> '
  }
})

А вообще мне кажется проще button стилизовать

Comments

[Pit]

Индексация начинается с 0 а как сделать обратно с 1 ?

[nvdfxx]

Pit, што, простите?
'<span>' + ++index + '</span> '

[Pit]

nvdfxx, спасибо выручил=)