Выполнение манипуляций после динамичесокго создания элемента

$(".todo-line__item").on("click", () => { //Нажали на кнопку
   if ($(".modal-todo").length){ //Проверка, которая возвращает false, потому что модальное окно еще не успело создаться.
 
   }
})

class filterController {
    constructor(targetContainer) {
        this.dobavlenieTeksta= "<div class='logika'> Вставляем к примеру текст </div>";
        this.init();
    }
     init(){
       this.tvoyaLogika(this.dobavlenieTeksta);
    }
    // Ожидаем подгрузки динамических элементов в DOM
    rafAsync() {
        return new Promise(resolve => {
            requestAnimationFrame(resolve);
        });
    }
    checkElement(selector) {
        if (document.querySelector(selector) === null) {
            return this.rafAsync().then(() => this.checkElement(selector));
        } else {
            return Promise.resolve(true);
        }
    }
}

tvoyaLogika(logika){
//словили динамичный элемент с классом  .modal-todo и прикручиваем ему логику, я для примера добавляю какую-то надпись, которая лежит в параметре logika
        this.checkElement('.modal-todo', this.targetContainer)
            .then((element) => {
                return $('.modal-todo', this.targetContainer).append(`<div> ${logika} </div>`);
            });
    }

$(document).ready(function () {
       //тут контейнер обёртку указываем, внутри которой должны отслеживать появление динамичного элемента
        const filter = new filterController('.targetClassContainer');
});