向轮播元素添加属性

Question

首先，我最近被转移到前端。我必须仅通过 id 列表创建一个轮播 它适用于以前的结构，但这次我可能看不到一点 结构应该接收 src、href 和价格，但它没有

<div class="js-tracking-section">
    <div id="carousel1" class="carousel__gallery">
        <a class="carousel__gallery-item">
            <img class="carousel__image" alt="alt">
            <span class="esm-product-price"></span>
        </a>
             ...and more of them....
    </div>
</div>

和脚本

<script>
        carousel1.forEach(function (id, i) {
            var productId = id;
            var position = i + 1;
            $.post('/ajax/projector.php?product=' + productId + '&get=product,sizeprices', null).done(function (res) {
                obj = $.parseJSON(res);
                var imgIcon = obj.product.icon;
                var link = obj.product.link;
                var curr_price = obj.sizeprices.price_formatted;
                var max_price = obj.sizeprices.maxprice_formatted;
                $('#carousel1  .owl-item:nth-child(' + position + ') > .carousel__gallery-item img:nth-child(1)').attr({src: imgIcon});
                $('#carousel1 .owl-item:nth-child(' + position + ') > .carousel__gallery-item a').attr('href', link);
                if (max_price) {
                    $('#carousel1 .owl-item:nth-child(' + position + ') > .carousel__gallery-item .esm-product-price').html('<span class="esm-line" style="text-decoration: line-through">' + max_price + '</span>' + curr_price);
                } else {
                    $('#carousel1 .owl-item:nth-child(' + position + ') > .carousel__gallery-item .esm-product-price').html(curr_price);
                }
            });
        });
    </script>

我错过了什么？