使用.net中的jquery突出显示所选单元格的整行 [英] highlight entire row for selected cell using jquery in .net
问题描述
我有一个没有一些cloumns的gridview.所以当我将鼠标放在特定的单元格上时
整行应突出显示.在表格下方
empno empname薪水指定地点
1 srinivas 2000 SE Hyd
2 mahesg 2000 SE Hyd
3 sukar 2000 SE Hyd
4 parkash 2000 SE Hyd
5 sampath 2323 DS Bang
因此,当我将鼠标指针放在"mahesg" 上时,应使用JQUERY将其整行高亮,或者当我将鼠标指针放在" DS "上时,应将该单元格的整个行突出显示.
在asp.net应用程序中
谢谢
Srinivas
< > < html > < 头部 > < 样式 > TABLE.highlight {宽度:100%;背景颜色:#F0F0F0;} TD {边框:1像素的纯绿色;} .light {background-color:red;} < /style > < 脚本 =" http://code.jquery.com/jquery-latest. js" < > < /head > < 正文 > < 表 =" 突出显示" < tr > < td > 1 < /td > < td > 2 < /td > < /tr > < tr > < td > 3 < /td > < td > 4 < /td > < /tr > < /table > < 脚本 >
(function(){
(.highlight TD").mouseover(function(){
Hi,
I have a gridview with some no of cloumns .so when i place mouse on a particular cell
the entire row should be highlighted.below table
empno empname salary designation location
1 srinivas 2000 SE Hyd
2 mahesg 2000 SE Hyd
3 sukar 2000 SE Hyd
4 parkash 2000 SE Hyd
5 sampath 2323 DS Bang
so when i place mouse pointer on "mahesg" entire row should be highligted using JQUERY or when i place mouse pointer on "DS" entire row of that cell should be highlighted.
in asp.net application
Thanks
Srinivas
<!DOCTYPE html> <html> <head> <style> TABLE.highlight {width: 100%; background-color: #F0F0F0;} TD {border: 1px solid green;} .light {background-color:red;} </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <table class="highlight"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> <script>
(function() {
(".highlight TD").mouseover(function() {
这篇关于使用.net中的jquery突出显示所选单元格的整行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!