高亮表格行或列

2018-06-22 06:10:17来源：未知阅读 ()

今天学习jQuery，练习一下对表格进行列或行高亮显示。

我们对下面这个表格来进行。代码是写在ASP.NET MVC程序上Razor语法。

这个需要符合某一条件：只要控制器列的文本为：Railway。

首先添加样式：

 .highTransport {
        background-color: #0915f3 !important;
        color: #ffffff !important;
    }

Source Code

只亮某一td:

$(".trData td.controller").filter(function () {
            return $(this).text() == 'Railway';
        }).addClass('highTransport');

Source Code

效果：

另一种情形，需要高亮整行：

$(".trData").filter(function () {
            return $(this).find('.controller').text() == 'Railway';
        }).addClass('highTransport');

Source Code

运行效果：

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签