如何使用jQuery/JavaScript的用玉模板引擎

Question

这是我对玉模板到目前为止

div 
    -for(var group_key in data) { 
    div.testsuite 
     ul 
     li(id="testsuite_#{group_key}") #{data[group_key][0].testsuite} (#{data[group_key][0].start_date}) 
      ul(id="testcases_#{group_key}") 
      -for(var i = 0; i < data[group_key].length; i ++) { 
       li(id="testcase_#{data[group_key][i].id}") #{data[group_key][i].name} 
       ul(id="status_#{data[group_key][i].id}") 
        li Status: #{data[group_key][i].status} 

        #start here 
        -if(data[group_key][i].status == 'Pass') { 
        -document.getElementById(group_key).setAttribute("class", "pass") 
        -} else if (data[group_key][i].status == 'Incomplete') { 
        -document.getElementById(group_key).setAttribute("class", "incomplete") 
        -} else if (data[group_key][i].status == 'Fail') { 
        -document.getElementById(group_key).setAttribute("class", "fail") 
        -} else { 

        -} 
        #end here 

        li Time: #{data[group_key][i].time} 
        li Message: #{data[group_key][i].message} 
        li Time started: #{data[group_key][i].date} 
      -} 
    -} 

我试图从＃开始在这里做，#END这里是如果代码测试用例状态等于'Pass'为li设置class为testsuite _＃{group_key}的id的类别，否则如果等于'Incomplete'，则将该类别设置为Incomplete等。

对于CSS，传球班将有绿色背景，不完整=黄色，失败=红色。

我该如何做到这一点？见下面

目前我得到使用-document.getElementById错误.....

我试图使用jQuery还，但我仍然得到一个错误： - $。 （group_key）.addClass（）

Answer 1

问题是document.getElementById之前的短划线。你只需要在实际的if/then/else子句旁边使用破折号，而不是执行代码。它试图找到-document，并在此失败。