Сверстал вот такую карточку товаров. Снизу кнопки должны переключать цену и фотографию в зависимости от выбора веса/объёма. Реализовал с помощью табов(задал всем элементам data-select) через jq(код ниже). Проблема в том, что при последующем добавлении товаров, содержимое переключается во всех карточках, а надо что-бы в конкретной карточке, которая и выбирается. Подскажите решение, как можно это исправить, или иной способ, как реализовать такую функцию?
$(function () {
$('.sel').on('click', function () {
var selName = $(this).data('select'),
selPr = $('.sel-price[data-select="' + selName + '"]'),
selPh = $('.sel-photo[data-select="' + selName + '"]');;
$('.sel.active').removeClass('active');
$(this).addClass('active');
$('.sel-price.active').removeClass('active');
selPr.addClass('active');
$('.sel-photo.active').removeClass('active');
selPh.addClass('active');
})
});
Простой
