pLavrenov

$('body').on('click','.myClickableElement',function(){
        ... event handler code ....
});

Я предполагаю что всем модалки идентичны. Поэтому он открывает первую которую находит.

В ссылке на модалку надо добавить href="modal-<?php $id ?>"

а в модалке id="#modal-<?php $id ?>"

лучше бы выложить html код чтобы не гадать

1) вместо .parent() надо бы использовать .closest() это даст доступ к нужному родителю (два, три, десять уровней выше) а .parent() ищет только на ступень выше.

А также закрытие на меню при клике на body
2) Это уже не такая тривиальная задача как казалось бы, как такового нажатия на body не происходить тк каждый блок это "слой" над боди.
можно попробовать это решение

вместо screen использовать минимальный размер. тогда файл будет применяться только к расмерам между мин и макс

а еще скриниспользуется для десктопов а handheld (возможно не точно написал) для мобильных и блоки скрывать да, через дисплей нон

Через событие .change() отслеживаем изменение селекта (у опций будет значение == id города), получаем id и отправляем ее аяксом в php, получаем нужную выборку и позвращаем ее, вставляем в нужное место на странице

ты прав, только ajax, регестрируешь экшн, в него вписывает wp_query, посылаешь параметр (например 1 2 или 3) и в зависимости от параметра получаешь нужные данные. выводишь на странице