如何使用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
)来获得相对于tbody
, thead
和tfoot
元素的结果。
请注意,如果您使用jQuery并且用户已关闭javascript,则您的UI不会按照您希望的方式进行样式设置。 您可能需要考虑在视图代码本身中为样式分配CSS类。
@{ var alternating = false; foreach (var row in Model) { ... alternating = !alternating; }
如果您使用jQuery插件Tablesorter ,它有一个内置的“小部件”,称为“斑马”(在其所有其他function中)。