條件語句中的jQuery模板

Question

我有一個jquery模板的設置是這樣的：

<script id='tmpl-video_list' type='text/x-jquery-tmpl'> 
<li> 
    <a href='${url}'><br/> 
     <span class='image_border'> 
      <span class='image_container'> 
       <img src='${thumb}' alt='' title='' /> 
      </span> 
     </span> 
    </a> 
    <div class='search_block'> 
     <span class='name'>${caster_name}</span> 
      <a href='${url}'> 
       <span class='search_title'>${title}</span> 
      </a> 
    </div> 
</li> 

而且數據我送看起來是這樣的：

{ 
    _index:i, 
    url: url, 
    thumb: thumb, 
    name: name, 
    title: title 
}

所有這一切工作大。我的問題是，如果有辦法在那裏放置一個條件。我瞭解{{如果}}和如在文檔中闡明的，但我想知道，如果你可以做這樣的事情：

{{if ${_index}+1 % 5 == 0}} class='last_search_video' {{/if}}

我試過了，它沒有工作。其實我不喜歡我的對象_index，但我想我會給予一個變化。我在想當前的索引被傳遞到模板的循環中，但我不知道。

我沒有嫁給jQuery的模板插件，所以如果有人知道一個更好的插件，請隨時建議另一個。

Answer 1

我其實不喜歡_index我 對象

好消息！你並不需要它。適應this excellent question and answer你的問題，你需要做一些事情，使查找當前項目的索引你呈現更容易：

1. 在options參數添加一個函數來.tmpl()，您可以使用檢索目前項目的索引：

   $("#tmpl-video_list").tmpl(data, { 
       getIndex: function(item) { 
        return $.inArray(item, data); 
       } 
   }); 
   

2. 修改你的模板，以充分利用該功能：

   <script id='tmpl-video_list' type='text/x-jquery-tmpl'> 
       <li {{if $item.getIndex($item.data) + 1 % 5 === 0 }} class='last_search_video' {{/if}}> 
        <!-- etc., etc., --> 
       </li> 
   </script> 
   

下面是一個簡化的工作示例：http://jsfiddle.net/gsd6D/

Answer 2

您不必爲「模板化」的_index在{{if}}財產。你可以只寫

{{if (_index + 1) % 5 == 0}} class='last_search_video' {{/if}}