Question

我目前有这个小胡子代码：

 $.getJSON('data.json', function(data1) {
        intro1_template =  "{{#topic.subTopics.0}}   <h2>{{subTopicTitle}}</h2>       {{/topic.subTopics.0}}";
        html = Mustache.to_html(intro1_template, data1);
        $('.intro1_template_container').html(html);

        intro2_template =  "{{#topic.subTopics.1}}   <h2>{{subTopicTitle}}</h2>   {{/topic.subTopics.1}}";
        html = Mustache.to_html(intro2_template, data1);
        $('.intro2_template_container').html(html);

        intro3_template =  "{{#topic.subTopics.2}}   <h2>{{subTopicTitle}}</h2>   {{/topic.subTopics.2}}";
        html = Mustache.to_html(intro3_template, data1);
        $('.intro3_template_container').html(html);
    });

这显然将3条独立的信息分成3个独立的div。

但是，可以根据topic.Subtopics？

的长度创建X个div

例如。如果有10个topic.subTopics个实例，则会有10个div，每个div中都有不同的topic.subTopics

我认为会是这样的。 X是topic.subTopics的全部内容，每次使用其中的下一个intro_template_container项创建包含类topic.subTopics的新div时

 $.getJSON('data.json', function(data1) {
        intro_template =  "{{#topic.subTopics.X}}   <h2>{{subTopicTitle}}</h2>       {{/topic.subTopics.X}}";
        html = Mustache.to_html(intro1_template, data1);
        $('.intro1_template_container').html(html);

    });

胡子。 X数量的div

0 个答案: