2012-03-07 75 views
1

为什么不能正常工作? :用jQuery隐藏tr

<table id="table1"> 
    <tr id="trSS"> 
     detail1 
    </tr> 
    <tr id="trEstate"> 
     detail2 
    </tr> 
</table> 

有了:

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

不工作,如detail1和detail2始终显示,其中detail1应由代码被隐藏。

+2

的HTML是不正确的:​​标签缺少 – 2012-03-07 14:09:07

+1

但是你不应该在这个问题对其进行编辑。这个问题现在还不清楚 – RoflcoptrException 2012-03-07 14:35:35

回答

2

添加表单元格元素:

<table id="table1"> 
    <tr id="trSS"> 
     <td>detail1</td> 
    </tr> 
    <tr id="trEstate"> 
     <td>detail2</td> 
    </tr> 
</table> 

here

+0

是的..我注意到'td'元素丢失了,我最终在jsfiddle http://jsfiddle.net/CQCTL/上创建了相同的东西 – MilkyWayJoe 2012-03-07 14:14:32

0

您的行中没有列。

0

您使用的可能不正确地支持你的页面上的无效的HTML浏览器(你有文字,但没有达阵行)

1

表是无效的,你应该有TR内TD:

<table id="table1"> 
    <tr id="trSS"> 
     <td>detail1</td> 
    </tr> 
    <tr id="trEstate"> 
     <td>detail2</td> 
    </tr> 
</table> 
0
<table id="table1"> 
    <tr id="trSS"> 
     <div id="trSSContent">detail1</div> 
    </tr> 
    <tr id="trEstate"> 
     detail2 
    </tr>  
</table> 

您可以使用下面的代码。

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

并请并不是说你是不是一个HTML的正确的代码