首页 > 其他 > 详细

高亮表格行或列

时间:2017-03-09 17:02:57      阅读:175      评论:0      收藏:0      [点我收藏+]

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

 

 运行效果:
技术分享

高亮表格行或列

原文:http://www.cnblogs.com/insus/p/6526441.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!