<table>内の行を動的に非表示にしたい

htmlのtdタグを、ある場合のみ非表示にする必要があり、
jqueryのhide()で非表示を試みたのですが動作せず表示されたままでした。
下記例ではspanタグのid="row1"のみを非表示にしたいです。

まずtableタグ内にspanタグを置いたらだめなのかなと思っていますが
これをJava、PHPなどサーバ側言語を使わずにjavascriptだけで実現する
方法は他にありますでしょうか？

よろしくお願いいたします。

【html例】

【script例】
$("#row1").hide();

行動規範の内容に同意します

回答2件

おはようございます。

jQueryを使っていないコードになりますが、以下のコードを実行すると
spanタグのid="row1"のみが非表示になりました。
よかったらお試しください。

html
1
2<html>
3<head>
4<script>
5
6function hide(){
7    document.getElementById('row1').innerHTML = '<br />';
8}
9
10</script>
11</head>
12<body>
13<table border="1"> 
14        <tr><th>No.</th></tr> 
15        <tr><td><span id="row1">1</span></td></tr> 
16        <tr><td><span id="row2">2</span></td></tr> 
17</table>
18
19<p><button onclick="hide();">hide</button></p>
20</body>
21</html>

投稿2015/10/28 23:23

srsnsts

総合スコア480

tokyo

2015/10/28 23:37

おはようございます。動きました！このようなやり方もあるのですね。勉強になります。ありがとうございました。

行動規範の内容に同意します

ベストアンサー

これでできると思います。

html
1        <table>
2    	    <tr><th>No.</th></tr>
3    	    <tr id="row1"><td >1</td></tr>
4            <tr id="row2"><td>2</td></tr>
5        <table>