隐藏表行不能使用jQuery

时间:2012-10-16 15:33:45

标签: jquery html

为什么它不起作用?

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')无效

1 个答案:

答案 0 :(得分:2)

您可能需要使用$(document).ready(事件等待文档准备就绪。您可以使用id访问direct,因为id应该是唯一的,而不是复杂的选择器。

<强> Live Demo

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

这是also working你有问题,我认为你需要把它放在$(document).ready(

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