高亮表格行或列

今天学习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

 

 运行效果：