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');
    });
});