Question

我正在尝试突出显示表单元格，因为文本被输入到输入中。

我的代码是：

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

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

  });
});

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

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

Answer 1

您正在搜索字符串value，而不是搜索变量value的内容。使用连接将变量的值放入选择器：

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

编辑：

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

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

另请注意，这有相当奇怪的行为。当我在输入框中键入一个字母时，此代码将突出显示包含该字母的每个td。删除输入的内容无效。如果你想要一个不同的效果，你将不得不说它是什么。也许是全文？

当文本输入文本输入时，使用JQuery突出显示单元格

1 个答案: