Переменные классы с использованием шаблона jQuery

Question

Я хотел бы, основываясь на массиве полученных данных, создать список из <li> элементов. Каждый из них будет иметь переменный класс «четный» или «нечетный». Вот то, что я до сих пор:

<script id="news_template" type="text/x-jquery-tmpl"> 
    <li> 
     {{= title }} 
    </li> 
</script> 

Глядя на документацию, я не вижу ничего, что бы легко поддается делать это. Есть предположения?

Спасибо.

EDIT: Если бы я мог просто оценить необработанный JavaScript в некотором роде, я мог бы просто установить переменную и основывать свой вывод на этом на каждой итерации. Я знаю, что у jQote2 есть эта функция. Например, я мог бы сделать что-то вроде:

<% even = !even; %> 

... а затем основать класс на состоянии этого var.

Answer 1

Я просто должен был сделать это на прошлой неделе за столом с этой структурой:

<table class='stripe' width='100%'> 
    <!---awesome table with awesome rows and awesome columns---> 
< /table> 

Таким образом, я использовал пару строк CSS:

tr.even {background-color: #DDD; color:Black;} 
tr.odd {background-color: #fff; color:Black;} 

Затем, используя JQuery:

$('table.stripe tbody tr:odd').addClass('odd'); 
    $('table.stripe tbody tr:even').addClass('even'); 

В вашем случае, просто используйте:

$ ('ul.stripe li:even').addClass('even'); 
$ ('ul.stripe li:odd').addClass('odd'); 

Это означает, что некоторые из них похожи на «Пожалуйста, г-н jQuery, введите нечетный или четный класс в зависимости от того, является ли tr нечетным или даже«.

Надеюсь, это поможет!

Answer 2

 {{if ($index %2) == 0}} 
      <div id="item odd"> 
     {{else}} 
      <div id="item even"> 
     {{/if}}