$('.js-join').click(function() {
let id = $(this).data('id');
$('.js-join').removeClass('active'); //удаляем у всех ссылок класс active (ранее выбранных)
$(this).addClass('active'); //добавляем выбранной ссылке класс active
$.fancybox.open({
src: '#modal-forum-join'
});
$('.js-modal-join').data('id', id);
});
$('.js-modal-join').click(function() {
alert($('.js-join.active').data('id'));
});
<input id="rad1" type="radio" name="rad"/><label for="rad1" data-id="1">Radio 1</label>
<input id="rad2" type="radio" name="rad"/><label for="rad2" data-id="2">Radio 2</label>
alert($('input[type="radio"]:checked+label').data('id')); //получаем id элемента label у выбранного пункта списка
alert($('input[type="radio"]:checked').attr('id')); //получаем id элемента label у выбранного пункта списка
.container {
width: 1170px; /*стандартная ширина блока container*/
margin: 0 auto; /*центрируем блок*/
}
@media screen and (max-width: 600px) { /*при условии, что ширина экрана не более 600 пикселей*/
.container {
width: 480px; /*задаем ширину блока для мобильных, margin не перезаписываем, остается стандартный*/
}
}
SELECT person.*, domain.*, phone.*, mail.*
FROM person
LEFT JOIN person_domain ON person.id=person_domain.person_id
LEFT JOIN domain ON person_domain.domain_id=domain.id
LEFT JOIN person_phone ON person.id=person_phone.person_id
LEFT JOIN phone ON phone.id=person_phone.phone_id
LEFT JOIN mail ON mail.person_id=person.id AND mail.phone_id=phone.id;
LEFT JOIN mail ON mail.person_passport=person.passport AND mail.phone_id=phone.id
LEFT JOIN mail ON (mail.person=person.name OR mail.person=person.surname) AND mail.phone_id=phone.id