當文本輸入到文本輸入中時，使用JQuery突出顯示單元格

Question

我試圖在文本輸入到輸入時突出顯示錶格單元格。

我的代碼是：

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

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

    }); 
}); 

我不明白爲什麼這不工作，請幫助我理解！

編輯：＃搜索是輸入搜索詞的文本輸入。

Answer 1

您正在搜索字符串value，而不是變量value的內容。使用級聯把變量的值到您的選擇：

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

---

編輯：

您還需要設置其他的邊框屬性：

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

還要注意，這有相當奇怪的行爲。當我在輸入框中輸入一個字母時，此代碼將突出顯示包含該字母的每個td。刪除輸入內容不起作用。如果你想要一個不同的效果，你必須說明它是什麼。整個詞，也許？