如何在asp.net mvc中设置交替行的样式

Question

我使用<%foreach ...%>循环列出我网站上的项目集合.

我想为列表中交替行的样式添加不同的背景颜色.我找到了一种方法来做到这一点,但我不满意它,因为它看起来像一个黑客.

以下是我到目前为止解决的问题:

<table>
  <% int counter = 0; 
      foreach (var item in Model)
      {
          counter++;

          if (counter % 2 == 0)
          {
   %>
          <tr class="colorfull">
          <% }
          else
          { %>
          <tr>
          <% } %>
...

我是否缺少人们在ASP.NET MVC中用于此场景的最佳实践？

Answer 1

我找到了这个JQuery代码片段,我发现它更清晰.

$(document).ready(function() { $("table tr:nth-child(odd)").addClass("colorfull"); });

我已经取出了反逻辑.这个JQuery脚本操纵DOM来设置foreach循环中每隔一行的css类.

Answer 2

如果你是大胆的类型谁想要深入CSS3

tr:nth-child(odd)      { background-color:#eee; }
tr:nth-child(even)      { background-color:#fff; }