Javascript-форум - Убрать дубль в .parent или вставить html в .text

Все примет.

Есть вот такой код (прописан внизу) , он выводит количество слайдов и номер слайда который сейчас отрыт в блок pagingInfo, в виде 1/3

Задача - каждую цифру обернуть в какой то html блок.

Пробовал заменить вот это

$status.text(i + '/' + slick.slideCount);

на

$status.parent('<span>' + i + '</span>' + '/' + '<span>' + slick.slideCount + '</span>);

И все работает , но появлется баг , при переключении слайдов добавляются новые цифры а не заменяются старые. И так при каждом переключения слайда выводится кучу цифр.

var $status = $('.pagingInfo');
    var $slickElement = $('.slider');

    $slickElement.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
        //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
        var i = (currentSlide ? currentSlide : 0) + 1;
        $status.text(i + '/' + slick.slideCount);

    });

    $slickElement.slick({
        
        
        dots: true
    });