How to add span tag in slick slider in dots > button elements, and so that number is written in this tag?

Question

JavaScript

There is the usual list of slick-dots, I need the span tag to be added to the button tags and there is a number inside the span. How can this be implemented?

Answer 1

You can use the option (method) customPaging.

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

In general, it seems to me easier to style the button