テキストがテキスト入力に入力されたときにJQueryを使用してセルをハイライト表示する

Question

テキストが入力に入力されるときに表のセルを強調表示しようとしています。

私のコードは次のようになります。これが動作しない理由を私は理解していない

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

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

    }); 
}); 

、私は理解して助けてください！

EDIT：#searchは、検索語を入力するテキスト入力です。

Answer 1

文字列valueを検索していますが、変数valueの内容ではありません。あなたのセレクタに変数の値を入れて使うの連結：

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

---

編集：これはかなり持っていることも

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

注：

また、他の境界線のプロパティを設定する必要があります奇妙な行動。私が入力ボックスに文字を入力すると、このコードはその文字が入っているtdをすべて強調表示します。入力内容を削除しても効果はありません。あなたが別の効果を望むなら、あなたはそれが何であるかを言わなければならないでしょう。おそらく全体の言葉ですか？