从Jade脚本添加到html元素

Question

我是玉器的新手，试图创建一个网站，以便在上下文中更改服务器上的某些数据。 由于我需要添加未知数量的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

如果您从服务器异步获取数据，那么对于jade而言，这不是一个问题，而仅仅是一个向DOM添加元素的jquery，例如

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

如果渲染* .jade页面传递一些数据，那么您可以在翡翠中使用for循环

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