如何使用 jquery 替换 ASP.NET MVC 中的表行颜色?

2023-12-28

可能是一个愚蠢的问题,但我是 MVC 和 jQuery 的新手。我想更改表格的行颜色,并且我决定使用 jQuery 来完成此操作。我知道我可以编写一个扩展方法(http://haacked.com/archive/2008/08/07/aspnetmvc_cycle.aspx 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 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 http://www.packtpub.com/article/jquery-table-manipulation-part2但我还没有弄清楚在哪里放置初始 jQuery 调用(例如: $(document).ready(function() {...});

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


您可以通过在表的所有偶数行上设置一个类来实现此目的。

<html>
    <head>
        <title>Example Title</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('tr:even').addClass('alt-row-class');
            });
        </script>
    </head>
    <body>...</body>
</html>

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

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

评论者正确地指出您可能希望使用选择器(tr:even)以获得您想要的相对结果tbody, thead and tfoot元素。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 jquery 替换 ASP.NET MVC 中的表行颜色? 的相关文章

随机推荐