如何使用jquery在asp.net mvc中交替表行颜色?

可能是一个愚蠢的问题,但我是MVC和jQuery的新手。 我想交替我的表的行颜色,我已经决定我将使用jQuery来做它。 我知道我可以写一个扩展方法( http://haacked.com/archive/2008/08/07/aspnetmvc_cycle.aspx )等,但在阅读了SH对http://haacked.com/archive上文章的评论后/2008/05/03/code-based-repeater-for-asp.net-mvc.aspx我选择jQuery作为我想要实现的解决方案。

我想实现http://www.packtpub.com/article/jquery-table-manipulation-part2中描述的方法,但我还没弄清楚在哪里放置初始jQuery调用(例如:$(document).ready (function(){…});

就像我说的,我是jQuery的新手……

您可以通过在表的所有偶数行上设置类来完成此操作。

  Example Title    ...  

然后使用标准css将样式应用于该类:

 .alt-row-class { background-color: green; } 

评论者正确地指出你可能希望使用选择器( tr:even )来获得相对于tbodytheadtfoot元素的结果。

请注意,如果您使用jQuery并且用户已关闭javascript,则您的UI不会按照您希望的方式进行样式设置。 您可能需要考虑在视图代码本身中为样式分配CSS类。

  @{ var alternating = false; foreach (var row in Model) {  ... alternating = !alternating; } 

如果您使用jQuery插件Tablesorter ,它有一个内置的“小部件”,称为“斑马”(在其所有其他function中)。