JQueryでページ内に複数あるクラスのcssを個別に書き換えるにはどうすれば良いのでしょうか？

Question

下記のようにテーブルの各行を場合によって表示したり、非表示にしたりしたいと考えております。
下記の通りに書いても上手く動作しませんでした。

css設定の行に問題があるかとは思いますが、どのように書けば良いかお分かりになる方いらっしゃいますでしょうか？

---

  for(var i=1; i<=$('table#list tr').length; i++){
     if(status[i]==FALSE){
       $('table#list tr')[i].css('display','none');
     }
   }

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

[kogure]

htmlのコードも記載いただいていいですか？

＞status
には何をいれているのでしょか？

Answer 1

$('table#list tr')[i]はDOMエレメントを返しますのでjQueryのメソッドを持ちません。
同様のことをするなら、配列としてアクセスする代わりに.eq()を使ってみてください。

Answer 2

for を使わない書き方もあります。

$('table#list tr').each( function( index ) {
	if ( status[ index ] == false ) {
		$( this ).hide();
	}
});