Asp.net mvc 改变特定细胞的背景
当我像这样设置Asp.net mvc 改变特定细胞的背景,asp.net-mvc,webgrid,Asp.net Mvc,Webgrid,当我像这样设置webgrid时: Id | Name | Last Name 1 | Eve | Beckham 2 | John | Doe 3 | Eve | Davis 4 | Jacky | Jackson 5 | Michael| Jackson 当用户将鼠标悬停在一个包含“Jackson”的单元格上时,所有包含Jackson的单元格是否都会改变背景?(例如,在包含“Eve”的单元格上方悬停时,名字也是如此) 我将使用EntityFramework
webgrid
时:
Id | Name | Last Name
1 | Eve | Beckham
2 | John | Doe
3 | Eve | Davis
4 | Jacky | Jackson
5 | Michael| Jackson
当用户将鼠标悬停在一个包含“Jackson”的单元格上时,所有包含Jackson的单元格是否都会改变背景?(例如,在包含“Eve”的单元格上方悬停时,名字也是如此)
我将使用EntityFramework填充webgrid
如何实现这种行为?您必须使用客户端代码来实现这一点。jQuery是DOM操作的首选库。以下内容将满足您的要求:
$(function () {
$('td').mouseenter(function () {
$('td:contains('+$(this).text()+')').css('background-color', 'yellow');
});
$('td').mouseleave(function () {
$('td:contains('+$(this).text()+')').css('background-color', 'white');
});
});