Добавление к html-элементам из jade-скрипта

Question

Я новичок в jade и пытаюсь сделать сайт контекстом меняется в отношении некоторых данных на сервере. Так как мне нужно добавить неизвестное количество DIV я полагал, что это должно выглядеть примерно так:

html 
    head 
    title Match Support 
    body 
    script(type='text/javascript' src='http://code.jquery.com/jquery.min.js') 

    h1 Some same 
    h3 Games: 


    #container 

    script. 
     //var matches = JSON.parse(!{match}); 
     var matches = !{matchList}; 

     for (var i = 0; i < matches.length; i++){ 
      // how to add to #container from here? 
     } 

Я попытался с JQuery, но не мог заставить его работать.

Любая помощь была бы высоко оценена!

Answer 1

Если вы получаете данные асинхронно с сервера, это не вопрос, нефрита, а просто JQuery для добавления элементов в DOM, например,

matchList.forEach(function(match) { 
     var a = "<a class='ui label'>" + match.property + "</a>"; 
     $('#container').append(a); 
    } 

Если вы предоставляете вашу .jade страницу * передавая некоторые данные там, то вы можете просто использовать для цикла в нефрите

.ui.segment#container 
each match in matchList 
    a.ui.label 
    | #{match.property}