0

これは、これまでの翡翠テンプレートのコードです

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}
            -}
  -}

私が #start here と #end here からやろうとしているのは、テスト ケースのステータスが「合格」の場合は、li のクラスを testsuite_#{group_key} の ID で設定し、それ以外の場合は「未完了」に設定します。クラスを不完全に設定するなど。

CSS の場合、合格クラスの背景は緑、未完了 = 黄、不合格 = 赤です。

どうすればこれを達成できますか? 下記参照

ここに画像の説明を入力

現在、-document.getElementById..... を使用してエラーが発生しています。 ここに画像の説明を入力

jQueryも使用してみましたが、それでもエラーが発生します.: -$.(group_key).addClass()

4

1 に答える 1

0

問題は の前のダッシュdocument.getElementByIdです。実行コードではなく、実際の if/then/else 句の横にダッシュのみが必要です。それは見つけようとしていて-document、それに失敗しています。

于 2013-07-09T18:59:49.007 に答える