Slick Slider如何将分页号码附加到锚点？

Question

我不想将数字包含在Javascript中，而是将它们包含在HTML正文中：

    var slickOpts = {
    slidesToShow: 1,
    slidesToScroll: 1,
    //centerMode: true,
    easing: 'swing',
    speed: 700,
    dots: true,
    infinite: false,
    prevArrow: $('.prev'),
    nextArrow: $('.next'),
    customPaging: function(slick,index) {
        const allnumbers = $(".pagenumbers").append(index + 1); <--Not working
        //return '<a style="color: black">' + (index + 1) + '</a>';
        return allnumbers;
    }
  };

这是HTML中的定位标记：

<a style="color:black;" class="pagenumbers"></a>

现在，我只得到1个数字，而不是总共15个。我在做什么错了？