Как добавить класс active к классу img-catalog-block-item при нажатии на кнопку ЗАКАЗАТЬ. Таких блоков несколько, нужно чтобы класс убирался и добавлялся именно к тому в котором была нажата кнопка
$(".size-category").click(function() {
$(".size-category").removeClass("active");
$(".img-catalog-block-item").addClass("active");
$(this).addClass("active");
return false;
});
$('#myModal').on('show.bs.modal', function(event) {
if ($(".size-category").hasClass("active")) {
var size = $(".size-category.active a").text();
$(".size").text('Размер: ' + size);
}
});
$(".buy.buys").click(function(e) {
e.preventDefault();
$(this).closest(".catalog__item").find(".img-catalog-block-item").addClass("active");
$('#myModal').on('show.bs.modal', function(event) {
var style = getComputedStyle($(".img-catalog-block-item.active")[0]);
var imgSrc = style.backgroundImage.replace('url(\"', '').replace('\")', '');
$(".imagebox").attr("src", imgSrc);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="catalog__item">
<div class="img-catalog-block-item" style="background: url(img/l-blue.jpg) center no-repeat; background-size: cover;"></div>
<a data-toggle="modal" data-target="#myModal" class="buy buys">ЗАКАЗАТЬ</a>
</div>
<div class="catalog__item">
<div class="img-catalog-block-item" style="background: url(img/red.jpg) center no-repeat; background-size: cover;"></div>
<a data-toggle="modal" data-target="#myModal" class="buy buys">ЗАКАЗАТЬ</a>
</div>