Как повесить событие на элементы, которых ещё нет?
https://learn.javascript.ru/event-delegation
А вот банальный пример метода on (только для классов, но суть от этого не меняется).
https://jsfiddle.net/01yswvcc/
$(body).on('click', '.name-class', (e) => {...});
Этот код вешает обработчик только на body. По клику на body проверяется соответствует ли target селектору (в данном случае '.name-class'), если да - выполняется функция.
Вероятно, реализовать такое можно используя тот же принцип: по клику проверять соответствуют ли элементы некоему условию, выполнять функцию в случае соответствия.