Javascript 在文本输入中键入文本时，使用JQuery突出显示单元格

我试图在输入文本时突出显示表格单元格

我的代码是：

$(document).ready(function() {
   $('#search').keyup(function() {

     var value = $('#search').val();
     $('td:contains(value)').css({'border-color':'red'});

  });
});

我不明白为什么这不起作用，请帮我理解

---

编辑：#搜索是输入搜索词的文本输入。

您搜索的是字符串

值

，而不是变量

值

的内容。使用串联将变量的值放入选择器：

$('td:contains(' + value + ')').css({'border-color':'red'});

---

编辑：

您还需要设置其他边框属性：

$('td:contains(' + value + ')').css({border: 'red 1px solid'});

---

还要注意，这有相当奇怪的行为。当我在输入框中键入字母时，此代码将突出显示包含该字母的每个

td

。删除输入内容无效。如果你想要一个不同的效果，你必须说出它是什么。可能是整词？

您搜索的是字符串

值

，而不是变量

值

的内容。使用串联将变量的值放入选择器：

$('td:contains(' + value + ')').css({'border-color':'red'});

---

编辑：

您还需要设置其他边框属性：

$('td:contains(' + value + ')').css({border: 'red 1px solid'});

---

还要注意，这有相当奇怪的行为。当我在输入框中键入字母时，此代码将突出显示包含该字母的每个

td

。删除输入内容无效。如果你想要一个不同的效果，你必须说出它是什么。也许是整句话吧？

嘿，再次谢谢你。我计划自己开发代码的功能。选择正确的td是我的第一个障碍。显然它对你有用，所以它一定是别的东西，我会仔细检查我的代码。。再次感谢。天哪，那是一个令人尴尬的错误。。你的权利，我没有定义边界！非常感谢！嘿，再次谢谢你。我计划自己开发代码的功能。选择正确的td是我的第一个障碍。显然它对你有用，所以它一定是别的东西，我会仔细检查我的代码。。再次感谢。天哪，那是一个令人尴尬的错误。。你的权利，我没有定义边界！非常感谢！