javascript - 如何从 Handlebars 模板中选择元素？

Question

我们的网页中有一个 div:

<div id="person-details">
    <div></div>
    ...
</div>

我们使用以下 jQuery 代码从此 div 中选择相关元素:

var person = $("#person-details");
var children = release.find("div");
var fullname = children.first();

我们使用渲染函数执行 ajax 请求来获取我们存储在外部文件中的 Handlebars 模板:

function _render() {
    var templateScript;
    template.getTemplate(filename).done(function(template) {
        templateScript = Handlebars.compile(template);
        fullname.html(templateScript(context));
    });
}

模板如下所示:

<div>
    <div>
        <p>{{name}}</p>
    </div>
    <div>
        <p>{{value}}</p>
    </div>
</div>

调用渲染函数后，我们想要从模板中选择任何元素。例如，我们尝试使用:

fullname.children('div');

但是由于内容是动态生成的，我们无法从 DOM 中获取节点。

是否可以像这样从生成的 Handlebars 模板中选择元素？

Answer 1

感谢 @DanielShillcock 强调 render() 是异步的。这是一个解决方案:

function _render() {
    var templateScript;
    template.getTemplate(filename).done(function(template) {
        templateScript = Handlebars.compile(template);
        selector.html(templateScript(attribute));
        value = selector.find("div");
    });
}