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

Question

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

我想为列表中交替行的样式添加不同的背景颜色。我找到了一种方法来做到这一点，但我对它并不满意，因为它看起来像是一种 hack。

到目前为止，这是我为解决该问题所做的工作:

<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 类。