将JS obj值附加到模式中

Question

我有一些从单个模板克隆的div，每个div都包含一个标题。标题数据来自JS对象。

单击任何标题/ div会打开一个模式，我希望标题也出现在模式中。

我认为{}不能“找到”模态是一个问题，如果这是有道理的，我想知道这是否与模态直到$template.find被触发。

话虽如此，我如何才能将正确的标题附加到正确的模式中？例如，通过单击“动物” div，模态打开，我也应该看到标题“动物”。

JS代码段：

onClick

HTML片段：

loadCategories(){
        let categs = _categories,
            libCrs = _library

            console.log(libCrs);

            let $host = $("#host");
            for (var i = 0; i < categs.length; i++) {
                let $template = $("#template").clone();
                $template.find(".cat-box > .cat-title").text(categs[i].Title);
                $template.find(".modal-content > .modal-title").text(categs[i].Title);
                $host.append($template.html());
            }

    let container = document.querySelector("div#template");
        container.innerHTML = $host;
        console.log(container);            
    }