jquery模板值是数组或字符串 - 如何处理

时间:2012-02-01 23:23:55

标签: jquery jquery-templates

所以我想< br />如果value是数组,否则只显示该值。 我想我可以写一个函数来做这个但是想知道是否有更好的方法用jquery模板做这个?

<script id="template" type="x-jquery-tmpl"> <table>
  <tr>
    <td>${name}</td>
    <td>{{each value}}${$value}<br/>{{/each}}</td>
  </tr> </table>
</script>

<script>
      var data = [
                    {
                        name: "blah",
                        value: ["1", "2", "3"]
                    },
                    {
                        name: "blah blah",
                        value : "abc"
                    }
                ];

$('#template').tmpl(data).appendTo('#target);
    </script>

<div id="target">

</div>

1 个答案:

答案 0 :(得分:3)

这样的事情应该有效:

<script id="template" type="x-jquery-tmpl"> <table>
  <tr>
    <td>${name}</td>
    {{if typeof value == 'array'}}
        <td>{{each value}}${$value}<br/>{{/each}}</td>
    {{/if}}
    {{else}}
        <td>${value}<br/></td>
    {{/else}}
  </tr> </table>
</script>