Вставляю точки для навигации по слайдам кодом:
this.slider.parent().append('<div class="slider-btn previous"></div><div class="slider-btn next"></div><div class="slider-pagination"></div>');
const
count = this.slider.find('.slide').length,
html = Array(count).fill('<div class="slider-point" data-id=""></div>').join('');
this.slider.siblings('.slider-pagination').append(html);
Как в этой же строке пронумеровать элементы и записать номера в data-id, чтобы на выходе получить:
<div class="slider-pagination">
<div class="slider-point" data-id="1"></div>
<div class="slider-point" data-id="2"></div>
<div class="slider-point" data-id="3"></div>
и т.д.
</div>