jquery - jQuery でテーブルの行を非表示にできない

Question

なぜ機能しないのですか？

jQuery コード:

 $("table.test #ro").hide();

HTML:

    <table class="test">
  <thead><tr class="ro"  id='ro' ><th>test</th>
  </tr>
  </thead>
  <tbody>
  <tr class="ro"><td>test</td>
  </tr>
  <tr><td>test</td>
  </tr></tbody>
  </table>

別の方法で試しました。.hide()動作し.css('display', 'none')ていません

Answer 1

$(document).ready(イベントを使用して、ドキュメントの準備が整うまで待つ必要がある場合があります。複雑なセレクターを作成する代わりに、id は一意であると想定されているため、id を使用して直接アクセスできます。

ライブデモ

$(document).ready(function(){        
    $("#ro").hide();
});

これはalso workingあなたが問題にしているものです。 に入れる必要があると思います$(document).ready(。

$(document).ready(function(){        
     $("table.test #ro").hide();
});

 
</p>