http://jsfiddle.net/Lijo/UqdQp/4/に示すようなテーブルがあります。値が「1」のすべての列の背景色を赤に設定する必要があります。jQueryを使用してこれを行うための(パフォーマンスの観点から)最良の方法は何ですか?
注: 背景色を設定した後、テーブル セルの値も警告する必要があります。つまり、選択したセルで「this」演算子を使用する必要があります。
参考回答:
http://jsfiddle.net/Lijo/UqdQp/4/に示すようなテーブルがあります。値が「1」のすべての列の背景色を赤に設定する必要があります。jQueryを使用してこれを行うための(パフォーマンスの観点から)最良の方法は何ですか?
注: 背景色を設定した後、テーブル セルの値も警告する必要があります。つまり、選択したセルで「this」演算子を使用する必要があります。
参考回答:
jQueryの機能を使用して、each
各テーブル セルを反復処理し、必要な条件に一致するセルを強調表示しました。
実際のデモ:
http://jsfiddle.net/saji89/uGKHB/
$('.resultGridTable td').each(function()
{
if($(this).html()==1)
{
$(this).css({'background':'#FF0000'});
}
});
contains
条件付きの代わりにセレクターを使用if
すると、より高速になるはずです:
http://jsfiddle.net/saji89/WbXTr/
var $tds = $("td").filter(function(i){
return $(this).html() == 1;
});
$tds.css({ background: 'red' });
$.each($tds, function(i, x){
console.log($(x).html());
});
明らかな理由から、アラートの代わりに console.log を使用しました。