Переместить элемент, созданный в функции, при манипулировании существующей страницей

Обновлено: в соответствии с комментарием и обновленным кодом в вашем сообщении приведенный ниже код может соответствовать вашим потребностям.

$(function(){
    setInterval(function() {
        $(".product-card__percent--sale").each(function(){
            $(this).closest(".product-card")
                .find(".grid-item__image-spacer")
                .append($(this));
        });
    }, 200);
})

или

$(function(){
    setInterval(function() {
        $(".product-card__wrapper").each(function () {
            var newprice = $(this).find('.product-card__percent--sale');
            $(this).find('.grid-item__image-spacer')
                .parent().after(newprice );
        });
    }, 200);
})

оба должны работать.

А вот и ССС

/*Override the old grid*/
#ProductList {
    grid-template-columns: repeat(4, 25%);
    grid-gap: 18.5px;
}

/*Create sale-percent look*/
.product-card__percent--sale {
    color: white;
    background-color: #ee324c;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
   /* display:inline-block;*/
    font-size: 18px;
    padding: 20px 5px 5px 10px;
}

.grid-item__image-spacer{
    position: relative;
}
.product-card__percent--sale{
    position: absolute;
    bottom: 0;
    right: 0;
}

Вы должны запустить код после создания элементов dom и

let a = $(".product-card__percent--sale");
let b = $(".grid-item__image-spacer");
a.insertAfter(b);

вставит все числа ко всем изображениям, так что это может быть

setTimeout(function() {
    $(".product-card__percent--sale").each(function(){
        $(this).closest(".product-card__bottom--wrapper")
            .find(".product-card__infoicons").prepend($(this));
    });
}, 10);

или

setInterval(function() {
    $(".product-card__percent--sale").each(function(){
        $(this).closest(".product-card__bottom--wrapper").find(".product-card__infoicons").prepend($(this));
    });
}, 200);

И вам понадобится это, чтобы установить положение

.product-card__percent--sale{
    line-height: 25px;
    left: 10px;
    position: relative;
}

поэтому, как вы говорите, вам нужно показать элемент под изображениями.

$(".product-card__wrapper").each(function () {
  var newprice = $(this).find('.product-card__percent--sale');
   $(this).find('.grid-item__image-spacer').parent().after(newprice );
});

Прежде всего, получите все необходимые элементы. затем укажите, какие элементы вы хотите изменить (новая цена). тогда вы можете изменить их. У меня нет источника, чтобы попробовать, но я думаю, что это будет работать нормально. Если это не работает, попробуйте .parent(), чтобы увидеть, какой элемент получает jquery. Надеюсь, это поможет.