2012-03-07 17 views
1

なぜこれは機能しませんか? :付きjQueryでtrを非表示にする

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

:詳細1は、コードによって隠されるべき場所

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

詳細1詳細2と同様に、動作していないが、常に、表示されます。

+2

ではないではないことをしてくださいHTMLが正しくありません: –

+1

を逃す​​タグはいえ、あなたは質問でそれを編集しないでください。質問はそれからもう明確ではない – RoflcoptrException

答えて

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

0

行に列がありません。

0

あなたはおそらく使用しているブラウザが正しくページ上の無効なHTMLをサポートしていません(テキストしかし、誰のTDを持つ行を持っている)

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、正しいコード

関連する問題