Как считать значения в пределах одного блока?

Question

[eellazy]

Добрый вечер!

Написал функцию которая считает процент скидки. Как мне сделать, чтобы скидки считалась для каждой карточки отдельно? Сейчас оно мне считает для всех карточек одно и тоже

var gamethumbnum1 = Number($(".game-thumb .new-price span").text());
    var gamethumbnum2 = Number($(".game-thumb .old-price span").text());
    var gamethumbnum = 100 - (gamethumbnum1*100/gamethumbnum2);
    $(".game-thumb .percent-price").text("-" + gamethumbnum + "%");

Ниже код карточки товара. Таких карточек на странице много

<div class="game-layout col-lg-3 col-md-4 col-sm-4">
	<a class="game-thumb" href="{full-link}">
		<div class="game-preview">
			[xfvalue_preview]
		</div>
		[xfgiven_price_old]<div class="percent-price">[xfvalue_price_old]</div>[/xfgiven_price_old]
		<div class="caption">
			<h3>{title}</h3>
			<div class="new-price"><span>[xfvalue_price]</span> ₽</div>
			<div class="old-price"><span>[xfvalue_price_old]</span> ₽</div>
		</div>
	</a>
</div>

Answer 1

[alex]

Answer 2

[Вадим Дунькин]

как то так

$(".game-thumb").each(function(index, el){
    var gamethumbnum1 = Number($(el).find('.new-price span').text());
    var gamethumbnum2 = Number($(el).find('.old-price span').text());
    var gamethumbnum = 100 - (gamethumbnum1*100/gamethumbnum2);
    $(el).find('.percent-price').text("-" + gamethumbnum + "%");
});