検索されたテーブルのデータと列をハイライト表示

私はいくつかのデータを持つ1つのテーブルを持っています。イベントの後、私は列を強調したい。検索されたテーブルのデータと列をハイライト表示

jQuery('#tableFilter td:eq(2)').each(function(){ 
    jQuery(this).css('background-color','#cc0');});

しかし、それは私が各機能を使用しているだけでも一つのセルを強調表示します。

jQuery('#tableFilter tr').find('td:eq(2)').css('background-color','#cc0');

これは使用されています：これが使用されている場合は、その特定のセルだけを強調表示します – Gopesh

また、代わりにCSSクラスを使用することを検討してください。選択したセルに適用される特定の色とスタイルを後でスタイルシートから変更する方が、javascriptの場所を変更して変更する方がはるかに簡単です。 – GregL

あなたのセレクタは、その内部の各<tr>で第三<td>を取るという」よりも、「すべての<td>要素#tableFilter内部のうち、唯一の第三1を考える」と言う：

2012-02-21 08:08:16 GregL

詳細とコードをありがとう。今働いています:) –

は、この、その小さいソリューションを試してみてくださいテーブル "を必要とします。、

jQuery('#tableFilter tr').each(function() { 
    jQuery(this).find('td:eq(2)').css('background-color', '#cc0'); 
});

2012-02-21 08:07:31 silly

Lolは、私が投稿した数秒前に数秒前と同じコードでしたが、コードがうまくいかなかった理由を説明しませんでした。しかし私たちはどちらも正しいアプローチに同意してうれしいです。 – GregL

ok私は小さな解決策に私の答えを変えた;） – silly

ニース、私はそれを一直線に並べるその方法を考えなかった。しかし、AFAIK、jQueryはあなたのコードでシーンの背後にある '.each（）'ループを実行するだけですが、コードを乱雑にしているわけではありません。 :-) – GregL

はこれを試してみてください

フィドル

2012-02-21 08:18:10

ありがとうAkhil。その作業:) –

最短コードで更新をチェックしてください：

これは、あなたがそれが何をしたいだろう第3列を強調するmn：

$（ '＃tableFilter td：nth-child（3）'）css（ 'background'、 '＃cc0'）;

2012-02-21 08:31:59

素敵で簡潔で、 '：nth-child（）'セレクタを使いました。 – GregL

答えて