在 jquery 模板中使用 jquery，这可能吗？答案

【问题标题】：Using jquery within jquery Templates, is this possible?在 jquery 模板中使用 jquery，这可能吗？
【发布时间】：2011-09-15 10:08:20
【问题描述】：

我想在 jquery 模板中执行 if 检查：

jquery 模板

<script id="CardWallItem" type="text/x-jquery-tmpl">
    <div id="lc${ProductId}" class="card">
        <input class="ItemId" type="hidden" value="${CardId}"/>
        <a href="" class="oCloseButton" onclick="return $$.laneItems.deleteLane(this);">x</a>
        if($.parent().find('.ItemId').val() == ${EntityId}){
        <p class="text" onclick="return $$.laneItems.editCard(this);">${Desc}</p> 
        <div class="edit bg" style="display:none;">
            <input class="editval" type="text" maxlength="20" />
            <a class="button" href="" onclick="return $$.laneItems.saveTitle(this);">Save</a> 
        </div>
        }
    </div>
    <br /><br />
</script>

正如你所看到的那样，如果检查在这之间：

if($.parent().find('.ItemId').val() == ${EntityId}){
            <p class="text" onclick="return $$.laneItems.editCard(this);">${Desc}</p> 
            <div class="edit bg" style="display:none;">
                <input class="editval" type="text" maxlength="20" />
                <a class="button" href="" onclick="return $$.laneItems.saveTitle(this);">Save</a> 
            </div>
            }

因为它的输出是它在页面上打印整个 if 语句。那么谁能告诉我我应该怎么做？

【问题讨论】：

标签： jquery jquery-templates

【解决方案1】：

jquery模板中条件句的语法不同：

{{if CONDITION}}

{{else}}

{{/if}}

查看 if 模板标签的documentation。

【讨论】：

{{ if($.parent().find('.ItemId').val() == ${EntityId}) }} 一些代码{{/if}}，这是正确的?
我不确定您是否可以访问那里的 dom。试一试。

【解决方案2】：

JQuery 模板本身是任何 HTML 标记，以及一组模板标签中的任何一个，这些标签支持一些非常丰富的场景来创建数据驱动的 UI。 jQuery 模板中支持的当前标签集是：

- ${...}: Evaluate fields or expression
- {{each ...}}...{{/each}}: Iterate without creating template items
- {{if ...}}...{{else ...}}...{{/if}}: Conditional sections
- {{html ...}}: Insert markup from data
- {{tmpl ...}}: Composition, as template items
- {{wrap ...}}...{{/wrap}}: Composition, plus incorporation of wrapped HTML

更多详情和示例请访问here。

【讨论】：