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

如果从服务器异步获取数据，这不是玉的问题，而只是向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}

从jade脚本添加到html元素

1 个答案: