javascript - 在 MVC 中使用 jquery 突出显示搜索词

Question

我有 MVC Controller ，它返回一个包含搜索字符串的列表。

 public ActionResult GetList(string searchString)
    {
        ViewData["searchString"] = searchString; 
        if (String.IsNullOrEmpty(searchString))
          {
            var persons = db.Persons.ToList(); 
            return View(persons);
          } 
        else{
            var persons = db.Persons.Where(p=> p.Title.Contains(searchString)).ToList(); 
            return View(persons);
             }
     }

在 View 中，列表显示在表格中。我想突出显示 searchString (或最多突出显示包含 searchString 的 td)。以下是我试图实现此目标的 jquery。我尝试将这段代码放入单独的 .js 脚本或 View 本身中，并且我还尝试以多种方式更改代码，但它不起作用。即使我的 ViewData 的内容发生了变化，searchString 似乎仍然为空。

    $(document).ready(function () {

     var textToHighligt = @ViewData["searchString"];
     $("#simpleSearchButton").click(function () {
     $("td:contains(textToHighligt)").css("background-color", "yellow"); 
       });
       });

Answer 1

我认为:

var textToHighligt = @ViewData["searchString"];
$("td:contains(textToHighligt)").css("background-color", "yellow"); 

应该连接:

var textToHighligt = '@ViewData["searchString"]'; //<---put in quotes
$("td:contains("+textToHighligt+")").css("background-color", "yellow");