jQuery隐藏其他不包含的td

时间:2013-04-22 15:45:16

标签: jquery html-table

我的问题是我想在表格中只显示一个ID。 我会告诉你一个例子:

|--ID1--|--text--|--text--|
|--   --|--text--|--text--|    //Still belongs to ID1
|--   --|--text--|--text--|    //Still belongs to ID1
|--ID2--|--text--|--text--|
|--   --|--text--|--text--|    //Still belongs to ID2
|--   --|--text--|--text--|    //Still belongs to ID2

所以我想只显示ID1和以下属于此ID的td。

你有想法吗?

修改 你必须想象我从服务器获得一个现成的html文件。 看起来像这样:http://jsfiddle.net/Qmr9K/

现在我想显示一个选择,只显示红色字段。 另一个应该通过jquery隐藏。 你明白我的意思吗?

2 个答案:

答案 0 :(得分:0)

您可以使用rowspan属性。

<table border="1px"> 
<tr>
    <td rowspan="2" valign="top">text</td>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
 <tr>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
<tr>
    <td rowspan="2" valign="top">text</td>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
 <tr>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>   

<强> LIVE DEMO

答案 1 :(得分:0)

  <html>
 <table>
   <tr>
     <td rowspan="3">ID1</td>
     <td> text1</td>
     <td> text2</td> 
   </tr>
   <tr>
     <td> text3</td>
     <td> text4</td> 
   </tr>
   <tr>
     <td> text5</td>
     <td> text6</td> 
   </tr>
   <tr>
     <td rowspan="2">ID2</td>
     <td> text7</td>
     <td> text8</td> 
   </tr>
   <tr>
     <td> text9</td>
     <td> text10</td> 
   </tr>
</table>
</html>