今天学习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
运行效果:
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦