改变特定细胞的背景

Question

当我像这样设置webgrid时：

Id | Name |  Last Name   
1  | Eve    | Beckham
2  | John   | Doe
3  | Eve    | Davis
4  | Jacky  | Jackson
5  | Michael| Jackson

当用户在包含“Jackson”的单元格上悬停所有包含Jackson的单元格改变背景时，是否有可能？ （例如，悬停在包含“夏娃”的单元格上方的名字时也是如此）

我将使用EntityFramework填充webgrid。

我如何实现这种行为？

Answer 1

您必须使用客户端代码执行此操作。 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');
    });
});