根据项目索引设置或不设置类别

Question

我正在使用 jquery-tmpl 渲染表格，但我不知道如何做睡衣。基本上我想要的是将类“shadowed”设置为具有 index%2==0 的项目。

我正在尝试使用此代码，但显然我对 jquery-tmpl 语法有点混乱：

<script id="theCommentTemplate" type="text/x-jquery-tmpl">
    <tr {{if ${$item.dataArrayIndex($item.data)} %2==0 }} 
                          class="shadowed" 
                    {{/if}}><td>${Reviewer}</td><td>${Date}</td><td>${StatusFrom}</td><td>${StatusTo}</td><td>${Comments}</td></tr>
</script>

这就是调用：

    $.getJSON('@Url.Action("GetPhotoAudit","Photos")/' + id, function (jsonData) {

        $('#theCommentTemplate').tmpl(jsonData,
        {
            dataArrayIndex: function (item) {
                return $.inArray(item, jsonData);
            }
        }
        ).appendTo("#audit tbody");
    });

正确的语法是什么？

Answer 1

您必须在模板代码中执行此操作吗？

您不能只使用 :odd 或 :even psuedoclass 选择器来添加类吗？

例如：

$("#mytable>tbody>tr:even").addClass("shadowed");