$(document).on('click','.country', function () {
let country = $( this ).data('country');
console.log("страна " + country);
})
let arr=[
{name:"pika1", lastname:"chu1"},
{name:"pika2", lastname:"chu2"},
{name:"pika3", lastname:"chu3"},
{name:"pika4", lastname:"chu4"},
];
for (let ObjFromArr of arr) { //перебираем массив
console.log(ObjFromArr.name+ObjFromArr.lastname) //если знаем ключи
for (let objItem in ObjFromArr) { //перебираем обьект
console.log(ObjFromArr[objItem]) // если не знаем ключи
}
}
в массиве проверяешь длину и если больше одного добавляешь плюс. остальные элементы скрываешь визуально, потом просто вешаешь класс по клику.
Щас занят пока. если через 4-5 часов не разберешься, то вместе сделаем.